Reactjs 不使用Redux的动态抽屉驱动程序

Reactjs 不使用Redux的动态抽屉驱动程序,reactjs,react-native,navigation-drawer,Reactjs,React Native,Navigation Drawer,我需要在用户登录后显示抽屉。在用户成功登录之后而不是之前加载抽屉 未登录(UI页面列表): 登录后(抽屉UI页面列表): 如何在不使用Redux的情况下实现此功能?您可以使用堆栈导航器并在登录前添加屏幕,然后在堆栈导航器中添加抽屉导航器。在抽屉导航器中添加登录后屏幕 const MyApp = createStackNavigator({ Register: { screen: Register }, Login: { screen: Login }, Inf

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

未登录(UI页面列表):

登录后(抽屉UI页面列表):


如何在不使用Redux的情况下实现此功能?

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

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

const Drawer = createDrawerNavigator({
  MyAccount: {
    screen: MyAccount,
  },
  Notifications: {
    screen: MyNotificationsScreen,
  },
});
# My Account
# Other Function
# Other Function
# Logout
const MyApp = createStackNavigator({
  Register: {
    screen: Register
  },
  Login: {
    screen: Login
  },
  Info: {
    screen: Info
  },
  Drawer: {
    screen: Drawer
  }
});

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