Estoy tratando de cambiar la altura de la barra de encabezado en React-Native Stack Navigator
este es mi codigo
Traté de poner headerStyle: height: '100', pero no funciona
¿Qué tengo que hacer?
const LoginNavigator = () => { return ( <Stack.Navigator> <Stack.Screen name="Login" component={Login} options={{ title: 'MOVIEAPP', headerTransparent: true, headerTintColor: '#E70915', headerTitleStyle: { fontWeight: 'bold', }, headerStyle:{ height:100, // i tried to put height } }} /> </Stack.Navigator> ); };¿Puedes actualizar el accesorio de opciones a lo siguiente y decirme si funciona?
options={{ title: 'MOVIEAPP', headerTitleStyle: { fontWeight: 'bold', }, headerStyle:{ height:200, // i tried to put height backgroundColor: 'red' } }}Compruebe la documentación oficial, por favor.
Solo vemos backgroundColor aquí.
Establezca un encabezado personalizado en su lugar
<Stack.Screen options={ header: (props) => ( <View style={{ height: 100 }}> ... </View> ), } />Pero tienes que encontrar una manera de integrar la funcionalidad de la flecha.