有什么办法可以导航到两个不同的App容器中?

时间:2019-05-21 04:12:06

标签: react-native react-navigation expo

您好,我是新来的本地人,我正在尝试构建我的第一个应用程序 我在反应导航时遇到了一些麻烦,我已经完成了两个不同的应用程序容器,第一个包含启动Screen,login,Signup和Main,这是包含我的其他screenStacks的第二个应用程序容器,现在我尝试实现注销功能,但我无法管理如何返回包含登录屏幕的第一个应用程序容器 我正在使用React Navigation 3.0 我不知道这是否有可能解决? 任何帮助,谢谢:)

-App
      |
       StarutUPScreen
       SignIn
      Signout
       Main
      ....

  -Main
        |
         mainScreen
         other Screens
          ....

export default createAppContainer(
  createSwitchNavigator(
    {
      StartUpScreen,
      IntroOneScreen,
      IntroTwoScreen,
      IntroThreeScreen,
      SignIn,
      SignUp,
      ForgotPassword,
      Main (the other container)
    },
    {
      initialRouteName: "StartUpScreen"
    }
  )
);

1 个答案:

答案 0 :(得分:2)

应该只有一个应用容器

您可以创建多个堆栈导航器并将它们嵌套在一起<​​/ p>

const MainNavigator = createStackNavigator({...});
// this will have only screens from main stack

const RootNavigator = createStackNavigator({...,MainNavigator});
// root navigator will have auth part and then main stack

const AppContainer = createAppContainer(AppNavigator);

// Now AppContainer is the main component for React to render

export default AppContainer;