我希望得到的结果是拥有一个导航系统,这样我可以在导航中的两个选项卡之间单击,而这些选项卡将添加到同一堆栈中,因此我可以在单击任一选项卡后按返回按钮,并且返回按钮将按如果它是一个巨型应用程序,而不是多个堆栈,每个选项卡一个堆栈。
我目前在Tab Navigator中有一个Stack Navigator,如下所示:
const AppStack = createStackNavigator({
Home: Home,
Browse: Browse,
});
然后我有一个标签浏览器:
const AppNavigator = createBottomTabNavigator({
'Home': {
screen: AppStack
},
'Browse': {
screen: AppStack
},
'Profile': {
screen: App,
},
}
});
这大概是在创建两个AppStack或其他东西,但是当我进入每个屏幕时,它们会重新安装,好像它们不是同一堆栈的一部分一样。我希望它们是相同的组件,并且如果我使用this.props.navigation.navigate之类的内容路由到屏幕,它将检测到并更改选项卡的颜色(较低的优先级)。
这些都随着Switch Nav变得生动起来:
const AppContainer = createAppContainer(
createSwitchNavigator(
{
AuthLoading: Authentication,
App: AppNavigator,
Auth: AuthStack,
},
{
initialRouteName: 'AuthLoading',
}
)
);
提前谢谢!