Reactjs 在react native中使用抽屉导航进行登录和注销

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

<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>

{() => (
)}

这可能会有所帮助

<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>

{伊斯洛格丁(
) : (
)}
{() => (
)}

{isLoggedIn？：}

是否有具有登录值的变量或状态？