Intenté anidar los navegadores para no tener que enfrentar este problema, pero aún recibo este error porque tengo el navegador principal que contiene la primera pantalla BootcampWeeksScreen.js , entonces puedo navegar fácilmente a través de la nueva pantalla que contiene la const tab= createMaterialTopTabNavigator() . const tab= createMaterialTopTabNavigator() .
BootcampWeeksScreen.js:
import React from "react"; import { NavigationContainer } from "@react-navigation/native"; import { createMaterialTopTabNavigator } from "@react-navigation/material-top-tabs"; import Courses from "./BootcampAdditionalScreens/Courses"; import Tests from "./BootcampAdditionalScreens/Test"; import Roadmap from "./BootcampAdditionalScreens/Roadmap"; import CoursesPlaylistScreen from "../screens/BootcampAdditionalScreens/CoursesPlaylistScreen.js"; import { createStackNavigator } from '@react-navigation/stack'; const Stack = createStackNavigator(); const Tab = createMaterialTopTabNavigator(); const BootcampWeeksScreen=()=>{ return ( <NavigationContainer> <Tab.Navigator tabBarOptions={{ scrollEnabled: true }}> <Tab.Screen name="Course" component={Courses} /> <Tab.Screen name="Tests" component={Tests} /> <Tab.Screen name="Roadmap" component={Roadmap} /> </Tab.Navigator> </NavigationContainer> ); } function App() { return ( <NavigationContainer> <Stack.Navigator screenOptions={{ headerShown: false }}> <Stack.Screen name="BootcampWeeksScreen" component={BootcampWeeksScreen} /> <Stack.Screen name="CoursesPlaylistScreen" component={CoursesPlaylistScreen} /> </Stack.Navigator> </NavigationContainer> ); } export default BootcampWeeksScreen; Ahora quiero navegar por la pantalla CoursesPlaylistScreen desde la pantalla del Course , pero recibo este error y también he intentado anidar los navegadores.
También he intentado esto para navegar por la pantalla: ```onPress={() =>navigation.navigate("BootcampStack",{screen:"CoursesPlaylistScreen"})} ````
Aún así, estoy recibiendo este error.
ERROR The action 'NAVIGATE' with payload {"name":"CoursesPlaylistScreen"} was not handled by any navigator. Do you have a screen named 'CoursesPlaylistScreen'? If you're trying to navigate to a screen in a nested navigator, see https://reactnavigation.org/docs/nesting-navigators#navigating-to-a-screen-in-a-nested-navigator.No sé ¿Cómo puedo hacer esto?
Solo puede tener un NavigationContainer. Intente eliminar NavigationContainer de BootcampWeeksScreen.
El NavigationContainer es responsable de administrar el estado de su aplicación y vincular su navegador de nivel superior al entorno de la aplicación. Al proporcionar dos navegadores, está reiniciando todo el navegador y, por lo tanto, no puede encontrar la otra pila.
Solo debe envolver sus pilas en NavigationContainer en el nivel raíz/superior de su navegación, es decir, la aplicación de función en su situación.