React-Navigation:在嵌套导航器中导航

时间:2018-08-27 18:24:30

标签: react-native react-navigation

我正在开发带有react-navigation的react-native应用程序。

这是我的导航树:

Root (StackNavigator)
 -- Login
 -- Main (DrawerNavigator)
 ---- Screen1
 ---- Screen2
 ---- Settings

我在这里有两个问题:

  1. 用户成功登录后如何重置StackNavigator。因此,当用户进入Screen1并按“后退”按钮时,他不会再次导航到登录屏幕。
  2. 我如何从“设置”屏幕导航到“登录”屏幕以注销用户?

我正在使用React-Navigation v1.2(由于某些特殊原因,我无法将其升级到v2)。

这是我的代码:

const StartNav = StackNavigator({
    Login: { screen: Login },
    Main: { screen: Main },
});

const Main = DrawerNavigator({
    Screen1: {
        screen: Screen1
    },
    Screen2: {
        screen: Screen2
    },
    Setting: {
        screen: Setting
    }
});

谢谢。

1 个答案:

答案 0 :(得分:1)

在我看来,您只需使用SwitchNavigator就可以完成所有工作?同样在设置屏幕上,您只需调用.navigate(Login)即可返回登录,它将找到正确的登录名。