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.
Official height is 24dp , as is stated officially by Google on Android Design webpage.
React Native StatusBar Props It is used to hide and show the status bar. By default, it is false. If hidden = {false} it is visible, if hidden = {true}, it hide the status bar. It sets the background color of the status bar.
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 :(
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With