如何在抽屉导航中创建菜单图标?本机的反应

Question

我在Stack Navigator中嵌套了一个Drawer 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()}/>