如何在react native中调用导航抽屉中的类函数？

npm install @react-navigation/native

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

// 导入其他页面组件
import HomeScreen from './HomeScreen';
import SettingsScreen from './SettingsScreen';

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

// 导出抽屉导航器组件
export default function DrawerNavigator() {
  return (
    <Drawer.Navigator>
      <Drawer.Screen name="Home" component={HomeScreen} />
      <Drawer.Screen name="Settings" component={SettingsScreen} />
    </Drawer.Navigator>
  );
}

import React from 'react';
import { Button } from 'react-native';
import { useNavigation } from '@react-navigation/native';

export default function HomeScreen() {
  const navigation = useNavigation();

  const openDrawer = () => {
    navigation.openDrawer();
  };

  return (
    <Button title="Open Drawer" onPress={openDrawer} />
  );
}

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

export default function App() {
  return (
    <NavigationContainer>
      <DrawerNavigator />
    </NavigationContainer>
  );
}