如何在 React Native 中将 DrawerNavigator 嵌套在 BottomTabNavigator 中

Question

我正在尝试将 DrawerNavigator 嵌套在 BottomTabNavigator 中，如下所示：

const Drawer = createDrawerNavigator();

function DrawerStackScreen() {
  return (
    <Drawer.Navigator>
      <Drawer.Screen name="Settings" component={Settings} />
    </Drawer.Navigator>
  );
}

const AppTabs = createBottomTabNavigator();

const AppTabsScreen = () => (
  <AppTabs.Navigator tabBar={props => <FooterTabs {...props} />}>
    <AppTabs.Screen
      name="MainMap"
      component={MainMap}
    />
    <AppTabs.Screen
      name="Notifications"
      component={Notifications}
    />
    <AppTabs.Screen
      name="DrawerStack"
      component={DrawerStackScreen}
    />
  </AppTabs.Navigator>
);

但是当我单击“DrawerStack 按钮”时，它并没有打开抽屉，而是将我带到一个新页面（我希望它打开抽屉）。有没有办法做到这一点？