无法使用React Native从导航5中的抽屉内导航

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

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

// 创建堆栈导航器
const Stack = createStackNavigator();

// 定义抽屉内部的屏幕组件
const DrawerScreen1 = () => {
  return (
    // 在这里可以进行抽屉内部的导航
    <Stack.Navigator>
      <Stack.Screen name="Screen1" component={Screen1} />
      <Stack.Screen name="Screen2" component={Screen2} />
    </Stack.Navigator>
  );
};

// 定义其他屏幕组件
const Screen1 = () => {
  return (
    // 屏幕1的内容
  );
};

const Screen2 = () => {
  return (
    // 屏幕2的内容
  );
};

const App = () => {
  return (
    // 使用导航容器包裹整个应用程序
    <NavigationContainer>
      {/* 使用抽屉导航器作为主导航器 */}
      <Drawer.Navigator>
        <Drawer.Screen name="DrawerScreen1" component={DrawerScreen1} />
        <Drawer.Screen name="Screen3" component={Screen3} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
};

export default App;