How to find height of status bar in Android through React Native?

android react-native statusbar
Zohar Levin picture Zohar Levin · Feb 16, 2016 · Viewed 57.1k times · Source

How can I find the height of the status bar on Android through React Native?

If I check the React.Dimensions height the value seems to include the status bar height too but I'm trying to find the height of the layout without the status bar.

Answer

IjzerenHein picture IjzerenHein · Aug 3, 2016

You don't need any plugins for this (anymore), just use StatusBar.currentHeight:

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

EDIT: Apparently this does seem to work on Android always, but on iOS, initially undefined is indeed returned :(

Related questions

How to make StatusBar transparent?

Does anyone know a way to make Android Status Bar transparent with React Native? NOT TRANSLUCENT, Transparent. I am using react-navigation too.

Read More
StatusBar color in React Native

How can I change background color of StatusBar component from react-native, without editing Android specific files? Docs says, that I can use backgroundColor property. But it fails. barStyle property, setBarStyle && setBackgroundColor static methods don`t work properly too. …

Read More
React Native android build failed. SDK location not found

I have error when i start running android What went wrong: A problem occurred evaluating project ':app'. > SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

Read More