一个屏幕上的多个堆栈导航器

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了一个屏幕上的多个堆栈导航器相关的知识，希望对你有一定的参考价值。

您如何使用React Navigation 5在一个Drawer.Screen上显示多个Stack.Navigators。

假设我有两种类型的产品：仪表板Drawer.Screen上的手机和平板电脑。手机和平板电脑代表一个单独的Stack.Navigators，如何将它们都显示在同一屏幕上？

答案

您可以这样操作：

export const DrawerNavigator = props => 
  return (
    <Drawer.Navigator
      drawerContent=props => <DrawerScreen ...props />
      initialRouteName='HomeScreen'
      drawerPosition='right'
      drawerStyle=width: '100%', backgroundColor: 'transparent'
      screenOption=backBehavior: 'order'>
      <Drawer.Screen
        name="App"
        component=isMobile ? MobileStackNavigator :     tabletStackNavigator
        options=gestureEnabled: false
      />
    </Drawer.Navigator>
  );
;

以上是关于一个屏幕上的多个堆栈导航器的主要内容，如果未能解决你的问题，请参考以下文章