openDrawer（）是未定义的本机反应

Question

App.Js

我在标题中有一个菜单按钮可以打开抽屉。当我按下标题右按钮时，它给我错误，指出未定义不是关于。 Screenshot of the error。但是例如当我记录一条消息时，它就可以工作。

<NavigationContainer>
      <Stack.Navigator>
         <Stack.Screen name="Home" component={HomeScreen} options={{
           headerRight: () => {
              return (
                 <Button transparent onPress={() => {
                     this.props.navigation.openDrawer()
                 }}>
                     <Icon name="menu" style={{ fontSize: 30, marginTop: 4 }} />
                  </Button>
                 )
              }}} />
   </Stack.Navigator>
</NavigationContainer>

抽屉

当我尝试从此屏幕打开抽屉时。有效

<View style={{ flex: 1 }}>
    <Drawer.Navigator>
        <Drawer.Screen name="Main" component={MainScreen} />
        <Drawer.Screen name="Setting" component={SettingScreen}/>
   </Drawer.Navigator>
</View>