Come trovare l'altezza della barra di stato in Android tramite React Native?

Question

Come posso trovare l'altezza della barra di stato su Android tramite React Native?

Se controllo l'altezza di React.Dimensions, il valore sembra includere anche l'altezza della barra di stato, ma sto cercando di trovare l'altezza del layout senza la barra di stato.

Answer 1

Non è necessario alcun plugin per questo (più), basta usare StatusBar.currentHeight:

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

EDIT: A quanto pare questo non sembra funzionare su Android sempre, ma su iOS, inizialmente undefined viene effettivamente restituito: (

Answer 2

Purtroppo, come della v0.34, l'API per farlo è ancora incoerente tra diverse piattaforme. StatusBarManager.HEIGHT vi darà la corrente altezza della barra di stato su Android.

import { Platform, NativeModules } from 'react-native'; 
const { StatusBarManager } = NativeModules; 

const STATUSBAR_HEIGHT = Platform.OS === 'ios' ? 20 : StatusBarManager.HEIGHT; 

Su iOS, è possibile utilizzare getHeight()

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

Come nota a margine, se si desidera che la vostra applicazione per disegnare sotto la barra di stato su Android simile al comportamento di default di iOS, è possibile farlo impostando un paio di puntelli su <StatusBar> come segue:

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