使用本机中的抽屉导航进行登录和注销

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

这可能有帮助

// index.less file

.header {
  background-color: skyblue;
}