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

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

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

Puede utilizar el paquete npm reaccionar-nativo-extra-dimensiones-android , que proporciona STATUS_BAR_HEIGHT que puede utilizar para restar de la REAL_WINDOW_HEIGHT .

No necesitas ningún complemento para esto (ya), solo usa StatusBar.currentHeight :

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

EDIT: Al parecer esto parece funcionar en Android siempre, pero en iOS, inicialmente undefined es de hecho devuelto 🙁

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, puede utilizar getHeight()

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

Como nota secundaria, si desea que su aplicación dibuje bajo la barra de estado en Android similar al comportamiento predeterminado de iOS, puede hacerlo estableciendo un par de accesorios en <StatusBar> siguiente manera:

 <StatusBar translucent={true} backgroundColor={'transparent'} {...props} /> 
  • Com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: No se pudo instalar todo
  • Reaccione Nativo. ¿Cómo puedo mantener el foco en una entrada de texto cuando la página vuelve a aparecer en la marca del temporizador
  • ¿Cuál es la forma correcta de mostrar múltiples tipos de filas en una vista de lista reactiva-nativa?
  • Reaccione la caja nativa de Flex no usando todo el espacio disponible
  • Depurar código nativo de Java en react-native
  • reaccionar nativo hola mundo
  • Implementar la aplicación de Android. Falta la tarea 'installReleaseDebug' para gradle
  • React Native - initialProperties Android
  • UnsatisfiedLinkError cuando la unidad de prueba WritableNativeMap
  • Hello World no se muestra en reaccionar con Android nativo
  • Reaccione errorTimeout nativo que consigue lista del dispositivo. Cuando se ejecuta hola mundo en ubuntu
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.