React Native Navigation Sidebar 和 TabBar 切换导航

Question

我想在侧边栏和标签导航之间切换。我拥有它，因此它当前根据屏幕大小在选项卡和侧边栏之间切换，但是由于它们是单独的导航器，它会重置导航堆栈。当我更改导航器时，有什么方法可以保留导航堆栈？

如果有办法让 Drawer 和 TabBar 导航器同时具有相同的屏幕，那也可以解决我的问题。

  <Stack.Navigator
      screenOptions={{ headerShown: false }}
      mode="modal"
      initialRouteName="WalkthroughScreen"
    >
      {deviceSize(layout.width) > 0 ||
      (layout.width < 50 && Platform.OS === 'web') ? (
        <Stack.Screen name="Root" component={DrawerNavigator} />
      ) : (
        <Stack.Screen name="Root" component={BottomTabNavigator} />
      )}

Answer 1

我最终做的只是为移动应用程序使用底部导航，为网络和移动网络使用抽屉导航。所以我的代码如下所示：

      {Platform.OS === 'web' ? (
        <Stack.Screen name="Root" component={DrawerNavigator} />
      ) : (
        <Stack.Screen name="Root" component={BottomTabNavigator} />
      )}

之所以如此，而不是其他方式是因为它只使用平台，因此导航器没有理由切换中间进程。所以我决定放弃标签，使用移动网络的汉堡菜单，带有侧边抽屉和大屏幕上的永久侧边抽屉。

所以在我的抽屉导航器<DrawerNavigation.Navigator> 我这样设置drawerType

      drawerType={deviceSize(layout.screenWidth) === 0 ? 'front' : 'permanent'}