Несколько стековых навигаторов на одном экране

Question

Как вам go показать несколько Stack.Navigators на одном Drawer.Screen с React Navigation 5.

Допустим, у меня есть 2 типа продукты: Мобильные телефоны и планшеты на моей приборной панели Drawer.Screen . Мобильные телефоны и планшеты представляют собой отдельный Stack.Navigators , как мне показать их обоих на одном экране?

Answer 1

Вы можете сделать это так:

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>
  );
};