我可以通过标签访问一个堆栈导航器吗?

时间:2019-09-14 16:07:06

标签: reactjs react-native react-navigation stack-navigator

我希望得到的结果是拥有一个导航系统,这样我可以在导航中的两个选项卡之间单击,而这些选项卡将添加到同一堆栈中,因此我可以在单击任一选项卡后按返回按钮,并且返回按钮将按如果它是一个巨型应用程序,而不是多个堆栈,每个选项卡一个堆栈。

我目前在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',
    }
  )
);

提前谢谢!

0 个答案:

没有答案