Android'de durum çubuğunun yüksekliği React Native ile nasıl bulunur?

Question

Android'deki durum çubuğunun yüksekliğini React Native aracılığıyla nasıl bulabilirim?

React.Dimensions yüksekliğini kontrol edersem, değer de durum çubuğu yüksekliğini içeriyor gibi görünüyor, ancak durum çubuğu olmadan düzen yüksekliğini bulmaya çalışıyorum.

Answer 1

sadece StatusBar.currentHeight kullanın (artık) Bunun için herhangi bir eklenti gerekmez:

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

DÜZENLEME: Anlaşılan bu her zaman Android'de çalışmıyor gibi görünüyor, ama yok iOS'ta, başlangıçta undefined gerçekten döndürülür: (

Answer 2

Maalesef v0.34 itibariyle bunu yapmak için API hala platformlarda tutarsız. StatusBarManager.HEIGHT size Android'de Durum Bar şimdiki yükseklik verecektir.

Eğer uygulama varsayılan iOS davranışa benzer Android'de durum çubuğunun altında çizmek istiyorsanız

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

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

iOS'ta, sen bir yan not olarak getHeight()

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

kullanabilirsiniz ayarını yapabilirsiniz <StatusBar> bir çift sahne şöyledir:

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