React-native-router-flux: Altura da barra de navegação?

Criado em 13 out. 2016 · 3Comentários · Fonte: aksonov/react-native-router-flux

Versão

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

Como posso obter a altura da barra de navegação para adicionar margem à visualização do contêiner porque a barra de navegação se sobrepõe à minha visualização do contêiner?

Fonte

maphongba008

Comentários muito úteis

@ maphongba008
Estilos se necessário
...Platform.select({
ios: {
top: 64,
},
android: {
top: 54,
}
}),

Se você estiver usando ScrollView ou 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 em 13 out. 2016

👍8

Todos 3 comentários

@ maphongba008
Estilos se necessário
...Platform.select({
ios: {
top: 64,
},
android: {
top: 54,
}
}),

YuriyUlantsev em 13 out. 2016

👍8

Tks. Acabei de encontrar a resposta em # 561

maphongba008 em 13 out. 2016

Enquanto trabalhava na implementação do Android do meu aplicativo, não consegui encontrar nenhuma menção à altura de 54 da navegação na documentação da IU de materiais aqui . Parece que a barra de aplicativos (chamada de NavBar aqui) deve ser 56 para o caso de layout de retrato móvel.
structure - layout - material design guidelines