Как найти высоту строки состояния в Android через React Native?

Question

Как я могу найти высоту строки состояния на Android через React Native?

Если я проверяю высоту React.Dimensions, значение, похоже, также содержит высоту строки состояния, но я пытаюсь найти высоту макета без строки состояния.

Answer 1

Вам не нужны никакие плагины для этого (больше), просто используйте StatusBar.currentHeight:

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

EDIT: Видимо, это, кажется, работает на Android всегда, но на прошивке, изначально undefined действительно вернулись: (

Answer 2

к сожалению, из v0.34, то API, чтобы сделать это по-прежнему противоречивы на разных платформах. StatusBarManager.HEIGHT даст вам текущую высоту в строке состояния на Android.

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

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

КСН, вы можете использовать getHeight()

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

Как примечание стороны, если вы хотите, чтобы ваше приложение рисовать под строке состояния Android аналогично поведению IOS по умолчанию, вы можете сделать это, установив пару реквизита на <StatusBar> следующим образом:

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