基于登录状态React Native的动态DrawerNavigator

npm install @react-navigation/native

npm install @react-navigation/stack
npm install @react-navigation/drawer

import { createDrawerNavigator } from '@react-navigation/drawer';

const Drawer = createDrawerNavigator();

const AppDrawerNavigator = () => {
  return (
    <Drawer.Navigator>
      {/* 根据登录状态配置菜单项 */}
      {isLoggedIn ? (
        <>
          <Drawer.Screen name="Profile" component={ProfileScreen} />
          <Drawer.Screen name="Settings" component={SettingsScreen} />
          <Drawer.Screen name="Logout" component={LogoutScreen} />
        </>
      ) : (
        <>
          <Drawer.Screen name="Login" component={LoginScreen} />
          <Drawer.Screen name="Register" component={RegisterScreen} />
        </>
      )}
    </Drawer.Navigator>
  );
};

export default AppDrawerNavigator;

import { NavigationContainer } from '@react-navigation/native';

const App = () => {
  return (
    <NavigationContainer>
      <AppDrawerNavigator />
    </NavigationContainer>
  );
};

export default App;