¿Cómo anidar el navegador del cajón dentro del navegador de la pestaña inferior y anidar ambos dentro del navegador de la pila? Me gustaría confirmar si este es el enfoque correcto y recomendado para hacerlo. Así es como lo hice

Drawer Navigator anidado dentro de Stack Navigator:

 import DrawerNavigator from './DrawerNavigator'; const Stack = createStackNavigator(); function LoginStack() { return ( <Stack.Navigator> <Stack.Screen name="Login" component={Login} /> <Stack.Screen name="Drawer" component={DrawerNavigator} /> {* Nesting here *} </Stack.Navigator> ); }

Anidamiento del Navegador de pestañas inferiores dentro del Navegador del cajón

 const Stack = createStackNavigator(); const Tab = createBottomTabNavigator(); const Drawer = createDrawerNavigator(); function DrawerNavigator() { return ( <Drawer.Navigator> <Drawer.Screen name="ScreenA" component={ScreenA} /> <Drawer.Screen name="BottomTab" component={BottomTabNavigator} /> {/* Nesting here */} </Drawer.Navigator> ); } function BottomTabNavigator() { return ( <Tab.Navigator> <Tab.Screen name="ScreenB" component={ScreenB} /> <Tab.Screen name="Profile" component={ProfileStackNavigator} /> {/* Nesting here */} </Tab.Navigator> ); } function ProfileStackNavigator() { return ( <Stack.Navigator> <Stack.Screen name="ScreenX" component={ScreenX} /> <Stack.Screen name="ScreenY" component={ScreenY} /> </Stack.Navigator> ); }

Gracias de antemano.