react-native - 如何从选项卡导航器打开抽屉导航器

Question

我有一个抽屉导航器

 DrawerNavigator = () => {
 return (
  <Drawer.Navigator>
    <Drawer.Screen name="Live" component={Live} />
  </Drawer.Navigator>
);

};

我有底部标签导航器

<Tab.Navigator>
    <Tab.Screen name="Live" component={Live} />
    <Tab.Screen name="Messages" component={Messages} />
    <Tab.Screen name="Search" component={Search} />
    <Tab.Screen
      name="EditUserProfile"
      component={EditUserProfile}
      listeners={({ navigation }) => ({
        tabPress: (event) => {
          event.preventDefault();
          navigation.navigate("EditUserProfile", {
            uid: firebase.auth().currentUser.uid,
          });
        },
      })}
    />
    <Tab.Screen
      name="Drawer"
      component={this.DraverNavigator}
      listeners={({ navigation }) => ({
        tabPress: (e) => {
          e.preventDefault();
          navigation.openDrawer();
        },
      })}
    />
  </Tab.Navigator>

如何制作它以便我可以像这样从底部标签导航打开抽屉

标签： react-nativereact-navigation