如何在抽屉导航中创建菜单图标？反应原生

Question

我将 Drawer Navigator 嵌套在Stack Navigator 中，它运行良好并且在我滑动时打开，我想在按下抽屉打开时在其上方放置一个菜单图标。我尝试的每种方法总是以navigation can't be found 错误结束。

这是我的代码：

export class App extends Component {
.....

 function DrawerNav() {
      return (
        <Drawer.Navigator 
        drawerType="front" 
        initialRouteName="Main" drawerPosition="right">

            <Drawer.Screen name="Main" component={MainScreen} />
            <Drawer.Screen name="Wallet" component={WalletScreen} />
            <Drawer.Screen name="Appointments" component={Appointments} />
        </Drawer.Navigator>
               );}
   
      
  return ( 
       <Provider store={store}>
       
  

        <NavigationContainer>
        <Stack.Navigator initialRouteName="Menu">
          
           <Stack.Screen name="Menu" component={DrawerNav}  />
           <Stack.Screen name="Add" component={AddScreen}   navigation={this.props.navigation}/>
            <Stack.Screen name="Save" component={SaveScreen}  navigation={this.props.navigation}/>
           
        </Stack.Navigator>
        </NavigationContainer>
         
      </Provider>
          )}}

当我按下这个图标时，我想打开和关闭抽屉：

<MaterialIcons name='menu' size={28} onPress={??} />

Answer 1

this.props.navigation.openDrawer()} />