如何在react native中点击标题中的汉堡图标来打开抽屉？

npm install @react-navigation/native

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

import HomeScreen from './HomeScreen';
import DrawerContent from './DrawerContent';

const Drawer = createDrawerNavigator();

const DrawerNavigator = () => {
  return (
    <Drawer.Navigator drawerContent={props => <DrawerContent {...props} />}>
      <Drawer.Screen name="Home" component={HomeScreen} />
      {/* 在这里添加其他的抽屉导航项 */}
    </Drawer.Navigator>
  );
};

export default DrawerNavigator;

import React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import { useNavigation } from '@react-navigation/native';

const HomeScreen = () => {
  const navigation = useNavigation();

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

  return (
    <View>
      <TouchableOpacity onPress={openDrawer}>
        <Text>打开抽屉</Text>
      </TouchableOpacity>
      {/* 在这里添加其他的主屏幕内容 */}
    </View>
  );
};

export default HomeScreen;

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

import DrawerNavigator from './DrawerNavigator';

const App = () => {
  return (
    <NavigationContainer>
      <DrawerNavigator />
    </NavigationContainer>
  );
};

export default App;