reactjs - 在本机反应中使用抽屉导航登录和注销

Question

我的主要问题是登录后我想从抽屉栏中隐藏登录，而不是登录想要显示注销，

<Drawer.Navigator>    
  <Drawer.Screen name="Login" component={LoginScreen} />
  <Drawer.Screen name="OrderList">{() => (
    <Tab.Navigator initialRouteName="OrderList">
      <Tab.Screen name="OrderList" component={CompletedScreen} />
      <Tab.Screen name="Pending" component={PendingScreen} />
    </Tab.Navigator>)}
  </Drawer.Screen>
  <Drawer.Screen name="EditOrder" component={SingleOrderScreen} />
  <Drawer.Screen name="Logout" component={LogoutScreen} />
</Drawer.Navigator>

Answer 1

这可能会有所帮助

<Drawer.Navigator>
    {isLoggedIn ? (
      <>
        <Drawer.Screen name="Logout" component={LogoutScreen} />
      </>
     ) : (
      <>
        <Drawer.Screen name="Login" component={LoginScreen} />
      </>
    )}
<Drawer.Screen name="OrderList">{() => (
    <Tab.Navigator initialRouteName="OrderList">
      <Tab.Screen name="OrderList" component={CompletedScreen} />
      <Tab.Screen name="Pending" component={PendingScreen} />
    </Tab.Navigator>)}
  </Drawer.Screen>
  <Drawer.Screen name="EditOrder" component={SingleOrderScreen} />
</Drawer.Navigator>