He seguido exactamente el ejemplo de navegación de reacción, sin embargo, mis pantallas siguen apilándose una encima de la otra de esta manera inicialmente da el error
Pantallas encontradas con el mismo nombre anidadas unas dentro de otras.
Sin embargo, incluso en los casos en que les doy nombres únicos, todavía ocurre. ¿Alguien tiene alguna idea de cómo solucionar esto? Estoy usando el ejemplo de la última versión (6.x) en los documentos de navegación de reacción.
Sus pantallas se anidarán así, lo que puede hacer es ocultar el encabezado de las pilas. Algo como esto:
export default function App() { return ( <NavigationContainer options={{ headerShown: false }} > <Tab.Navigator> <Tab.Screen name="HomeStack" component={HomeStackScreen} /> <Tab.Screen name="SettingsStack" component={SettingsStackScreen} /> </Tab.Navigator> </NavigationContainer> ); }
Puede encontrar la descripción del encabezado que se muestra aquí: https://reactnavigation.org/docs/bottom-tab-navigator#headershown