get status bar height react native

1import {NativeModules} from 'react-native';
2const {StatusBarManager} = NativeModules;
3const STATUSBAR_HEIGHT = Platform.OS === 'ios' ? 20 : StatusBarManager.HEIGHT;

1// You can use this helper function which enables you to get the 
2// Status Bar height on iOS and Android. For iOS, the calculation 
3// is done to get the different StatusBar height when >= iPhone X 
4// (with notch) is used.
5
6// functions-file.js
7import { Dimensions, Platform, StatusBar } from 'react-native';
8const X_WIDTH = 375
9	, X_HEIGHT = 812
10	, XSMAX_WIDTH = 414
11	, XSMAX_HEIGHT = 896
12	, { height, width } = Dimensions.get('window')
13
14export const isIPhoneX = () => Platform.OS === 'ios' && !Platform.isPad && !Platform.isTVOS
15    ? width === X_WIDTH && height === X_HEIGHT || width === XSMAX_WIDTH && height === XSMAX_HEIGHT
16    : false;
17export const StatusBarHeight = Platform.select({
18    ios: isIPhoneX() ? 44 : 20,
19    android: StatusBar.currentHeight,
20    default: 0
21})
22
23//Then use it directly when imported:
24import { StatusBarHeight } from './functions-file.js'
25height: StatusBarHeight