如何在react-navigation v5中实现Switch Navigator

时间:2020-07-21 04:06:35

标签: react-native react-navigation

我在React Navigation v4中有这样的配置路线。

const WelcomeStack = createStackNavigator(
  {
    WelcomeScreen: {
      screen: WelcomeScreen,
      navigationOptions: {
        header: null
      }
    }
  }
)

const SplashStack = createStackNavigator(
  {
    SplashScreen: {
      screen: SplashScreen,
      navigationOptions: {
        header: null
      }
    }
  }
)

const AuthStack = createStackNavigator(
  {
    LoginScreen: {
      screen: LoginScreen,
      navigationOptions: {
        header: null
      }
    },
    RegisterScreen: {
      screen: RegisterScreen,
      navigationOptions: {
        header: null
      }
    }
  }
)

export default createAppContainer(
  createSwitchNavigator(
    {
      Splash: SplashScreen,
      Auth: AuthStack,
      Welcome: WelcomeStack
    },
    {
      initialRouteName: 'Splash'
    }
  )
)

我有3个不同的筹码。启动,欢迎和AuthStack。我创建了3个不同的堆栈,因为当用户在“欢迎屏幕”中按下按钮时,它不会再次回到初始屏幕。像认证栈一样。 但是我不知道如何在React Navigation v5中实现这样的功能。

0 个答案:

没有答案