StackNavigation 嵌套 TabNavigation
使用场景
由多个Tab构成主页,再由主页跳转到子页面的这个场景在很多APP上都可以看到。
功能实现
实现这个功能可以采用StackNavigation嵌套TabNavigation的方式。
const TabNavigation = createBottomTabNavigator(
{
Active: {
screen: ActivityView,
navigationOptions: {
tabBarLabel: "广场",
}
},
SecondPage: {
screen: Tab2Component,
navigationOptions: {
tabBarLabel: "密聊",
}
},
ThirdPage: {
screen: Tab3Component,
navigationOptions: {
tabBarLabel: "关注"
}
},
Personnel: {
screen: Personal,
navigationOptions: {
tabBarLabel: "我"
}
}
},
{
defaultNavigationOptions: ({
navigation