Dynamic DrawerNavigator不使用Redux

Question

我需要在用户登录后显示抽屉。在用户成功登录后加载抽屉，而不是之前。

未登录（UI页面列表）：

# Register
# Login
# Info

登录后（Drawer UI页面列表）：

# My Account
# Other Function
# Other Function
# Logout

如何在不使用Redux的情况下使其工作？

Answer 1

您可以使用堆栈导航器并添加登录前屏幕，然后在该堆栈导航器中添加抽屉式导航器。在您的抽屉式导航器中，添加登录后屏幕。

const MyApp = createStackNavigator({
  Register: {
    screen: Register
  },
  Login: {
    screen: Login
  },
  Info: {
    screen: Info
  },
  Drawer: {
    screen: Drawer
  }
});

const Drawer = createDrawerNavigator({
  MyAccount: {
    screen: MyAccount,
  },
  Notifications: {
    screen: MyNotificationsScreen,
  },
});