const Stacks = [HomeStackNavigator, ConsoleStackNavigator, CloudStackNavigator, UserStackNavigator]
Stacks.forEach((item) => {
item.navigationOptions = ({ navigation }) => {
let tabBarVisible = true
if (navigation.state.index > 0) {
tabBarVisible = false
}
return {
tabBarVisible,
}
}
});
const TabNavigator = createBottomTabNavigator({
科技云: HomeStackNavigator,
控制台: ConsoleStackNavigator,
云: CloudStackNavigator,
我的: UserStackNavigator,
},{
defaultNavigationOptions: ({ navigation }) => ({
tabBarVisible: Stacks.forEach
}),
})
复制代码
TabBar是UI中非常常用的一个组件,Flutter提供的TabBar几乎可以满足我们大部分的业务需求,而且实现非常简单,我们可以仅用几行代码,就完成一个Tab滑动效果。 关于TabBar的基本使用
- 1528
- 27
- 5