createStackNavigator中嵌套使用createBottomTabNavigator,如何动态设置header
来源:2-7 TabNavigator精讲-2
yqyily
2018-11-17
老师,在切换tab时,header部分如何动态的跟着变化
const BottomNavigator = createBottomTabNavigator({
Login:{
screen: Login,
navigationOptions: {
title: '登录',
tabBarLabel: '登录',
}
},
User:{
screen: User,
navigationOptions: {
title: '用户',
tabBarLabel: '用户',
}
},
Index:{
screen: Index,
navigationOptions: {
title: '首页',
tabBarLabel: '首页',
}
},
List:{screen: List},
});
export const stackNavigator = createStackNavigator({
BottomNavigator:{
screen: BottomNavigator,
navigationOptions: {
header: null,
}
},
Detail:{screen: Detail},
Brew: {screen: Brew},
Test: {screen: Test},
})
这个时候header部分是不显示的,
写回答
1回答
-
CrazyCodeBoy
2018-11-19
将header设为header: null,之后可以通过自定义navigationbar的方式来显示header,这样在Login,User,Index页面都有自己的navigationbar,就可以分别设置header了哈
10
相似问题