react-native - openDrawer() 未定义反应原生

Question

应用程序.Js

我在标题中有一个菜单按钮来打开抽屉。当我按下标题右键时，它给我一个错误，说未定义不是关于。错误截图。但是，例如，当我记录一条消息时，它就起作用了。

<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>

标签： react-native