如何在React导航5中调用toggleDrawer

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

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

const Drawer = createDrawerNavigator();

function MyDrawer() {
  return (
    <Drawer.Navigator>
      <Drawer.Screen name="Home" component={HomeScreen} />
      <Drawer.Screen name="Settings" component={SettingsScreen} />
    </Drawer.Navigator>
  );
}

function HomeScreen({ navigation }) {
  return (
    // 在需要调用toggleDrawer的地方添加按钮或其他触发元素
    <Button title="Open Drawer" onPress={() => navigation.toggleDrawer()} />
  );
}

function SettingsScreen({ navigation }) {
  return (
    // 在需要调用toggleDrawer的地方添加按钮或其他触发元素
    <Button title="Open Drawer" onPress={() => navigation.toggleDrawer()} />
  );
}

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