Estoy tratando de cambiar el estilo del encabezado de un Stack Navigator y todo funciona bien, excepto la propiedad de altura. También estoy anidando Stack Navigator dentro de Drawer Navigator. Cuando cambio la altura de su encabezado, todo funciona bien.

Lo probé en mi AVD y iPhone con Expo Go y no funciona. En el navegador web, funciona bien.

Ambos encabezados deben tener la misma altura (150px)

Cajón:

 import React from "react"; import { createDrawerNavigator } from "@react-navigation/drawer"; import { NavigationContainer } from "@react-navigation/native"; import HomeStack from "./HomeStack"; import AboutStack from "./AboutStack"; const DrawerNavigator = createDrawerNavigator(); export default function Drawer() { return ( <NavigationContainer> <DrawerNavigator.Navigator screenOptions={{ headerShown: true, headerStyle: { height: 150, }, }} > <DrawerNavigator.Screen name="HomeStack" component={HomeStack} /> <DrawerNavigator.Screen name="AboutStack" component={AboutStack} /> </DrawerNavigator.Navigator> </NavigationContainer> ); }

Acerca de Stack:

 import React from "react"; import { NavigationContainer } from "@react-navigation/native"; import { createNativeStackNavigator } from "@react-navigation/native-stack"; import About from "../screens/About"; const Stack = createNativeStackNavigator(); export default function AboutStack() { return ( <Stack.Navigator screenOptions={{ headerStyle: { height: 150, backgroundColor: "#111", }, headerTintColor: "#fff", }} > <Stack.Screen name="About" component={About} options={{ title: "About GameZone", }} /> </Stack.Navigator> ); }