React-native-router-flux: ¿Altura de la barra de navegación?

Creado en 13 oct. 2016 · 3Comentarios · Fuente: aksonov/react-native-router-flux

Versión

react-native-router-flux v3.35.0
react-native v0.35.0

¿Cómo puedo obtener la altura de la barra de navegación para agregar margen a la vista del contenedor porque la barra de navegación se superpone a mi vista del contenedor?

Fuente

maphongba008

Comentario más útil

@ maphongba008
Si es necesario estilos
...Platform.select({
ios: {
top: 64,
},
android: {
top: 54,
}
}),

Si usa ScrollView o ListView
<ScrollView
contentInset={{top: (Platform.OS !== 'ios' ? 54 : 64), left: 0, bottom: 0, right: 0}}
contentOffset={{x: 0, y: -(Platform.OS !== 'ios' ? 54 : 64)}}
/>

YuriyUlantsev en 13 oct. 2016

👍8

Todos 3 comentarios

@ maphongba008
Si es necesario estilos
...Platform.select({
ios: {
top: 64,
},
android: {
top: 54,
}
}),

Si usa ScrollView o ListView
<ScrollView
contentInset={{top: (Platform.OS !== 'ios' ? 54 : 64), left: 0, bottom: 0, right: 0}}
contentOffset={{x: 0, y: -(Platform.OS !== 'ios' ? 54 : 64)}}
/>

YuriyUlantsev en 13 oct. 2016

👍8

Tks. Acabo de encontrar la respuesta en el n . ° 561

maphongba008 en 13 oct. 2016

Mientras trabajaba en la implementación de Android de mi aplicación, no pude encontrar ninguna mención de que la navegación tenga una altura de 54 en los documentos de Material UI aquí . Parece que la barra de aplicaciones (llamada NavBar aquí) debería ser 56 para el caso de diseño vertical móvil.
structure - layout - material design guidelines