React Native:如何让我的抽屉正常工作

npm install @react-navigation/native @react-navigation/drawer react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';

// 创建一个抽屉导航
const Drawer = createDrawerNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        {/* 在此处配置抽屉的屏幕 */}
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

<Drawer.Screen name="Home" component={HomeScreen} />
<Drawer.Screen name="Settings" component={SettingsScreen} />

<Drawer.Navigator drawerContent={props => <CustomDrawerContent {...props} />}>
  {/* 配置抽屉的屏幕 */}
</Drawer.Navigator>