Mi aplicación muestra 2 encabezados. Solo quiero un encabezado, el tutorial que estaba siguiendo funcionó bien, pero no para mí. el tutor estaba usando reaccionar navegación v5, estoy usando v6. aquí está el código que podría querer ver. Tengo 3 pantallas 1 pila con dos pantallas y la otra con una. Por favor ayúdame a arreglarlo.
import * as React from "react"; import { createDrawerNavigator } from "@react-navigation/drawer"; import { NavigationContainer } from "@react-navigation/native"; import { createNativeStackNavigator } from "@react-navigation/native-stack"; import HomeScreen from "./Screens/homeScreen"; import Archived from "./Screens/archived"; import NotesDetails from "./Screens/notesDetails"; const StackHome = createNativeStackNavigator(); const StackArchived = createNativeStackNavigator(); const Drawer = createDrawerNavigator(); const HomeScreenStack = ({ navigation }) => { return ( <StackHome.Navigator> <StackHome.Screen name="Home" component={HomeScreen} /> <StackHome.Screen name="NotesDetails" component={NotesDetails} /> </StackHome.Navigator> ); }; const ArchivedScreenStack = ({ navigation }) => { return ( <StackArchived.Navigator> <StackArchived.Screen name="Home" component={Archived} /> </StackArchived.Navigator> ); }; export default function App() { return ( <NavigationContainer> <Drawer.Navigator> <Drawer.Screen name="Home" component={HomeScreenStack} /> <Drawer.Screen name="NotesDetails" component={ArchivedScreenStack} /> </Drawer.Navigator> </NavigationContainer> ); }Los navegadores de pila pueden tomar opciones (como accesorios) que determinan su comportamiento. Puede usar la propiedad headerShown para ocultar el encabezado de un navegador de pila determinado.
https://reactnavigation.org/docs/stack-navigator/#headershown
const HomeScreenStack = ({ navigation }) => { return ( <StackHome.Navigator screenOptions={{ headerShown: false }} > <StackHome.Screen name="Home" component={HomeScreen} /> <StackHome.Screen name="NotesDetails" component={NotesDetails} /> </StackHome.Navigator> ); };