React Naitve导航:如何显示抽屉中的模式？

npm install @react-navigation/native

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

const Drawer = createDrawerNavigator();

function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        <Drawer.Screen name="Home" component={HomeScreen} />
        <Drawer.Screen name="Profile" component={ProfileScreen} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

function HomeScreen() {
  // 屏幕内容
}

function ProfileScreen() {
  // 屏幕内容
}

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

function HomeScreen({ navigation }) {
  return (
    <View>
      <Button
        title="Open Drawer"
        onPress={() => navigation.dispatch(DrawerActions.openDrawer())}
      />
    </View>
  );
}

function CustomDrawerContent(props) {
  return (
    <View>
      {/* 自定义抽屉内容 */}
    </View>
  );
}

function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator drawerContent={CustomDrawerContent}>
        {/* 路由和屏幕组件 */}
      </Drawer.Navigator>
    </NavigationContainer>
  );
}