create - ¿Cómo encontrar la altura de la barra de estado en Android a través de React Native?

react native redux

Question

¿Cómo puedo encontrar el alto de la barra de estado en Android a través de React Native?

Si compruebo la altura de React.Dimensions el valor parece incluir también la altura de la barra de estado, pero estoy tratando de encontrar la altura del diseño sin la barra de estado.

Answer 1

Lamentablemente, a partir de v0.34, la API para hacer esto sigue siendo inconsistente en todas las plataformas. StatusBarManager.HEIGHT le dará la altura actual de la barra de estado en Android.

import { Platform, NativeModules } from ''react-native'';
const { StatusBarManager } = NativeModules;
const STATUSBAR_HEIGHT = Platform.OS === ''ios'' ? 20 : StatusBarManager.HEIGHT;

En iOS, puedes usar getHeight()

StatusBarManager.getHeight((statusBarHeight)=>{
console.log(statusBarHeight)
})

Como nota al margen, si quieres que tu aplicación dibuje debajo de la barra de estado en Android similar al comportamiento predeterminado de iOS, puedes hacerlo configurando un par de apoyos en <StatusBar> siguiente manera:

<StatusBar translucent={true} backgroundColor={''transparent''} {...props} />

Answer 2

No necesita ningún complemento para esto (nunca más), solo use StatusBar.currentHeight :

import {StatusBar} from ''react-native'';
console.log(''statusBarHeight: '', StatusBar.currentHeight);

EDITAR: Al parecer, esto parece funcionar en Android siempre, pero en iOS, inicialmente undefined se devuelve :(