ReactNativeでステータスバーを調節する

ReactNativeでステータスバーを調節する:

iPhoneXやiOS、Androidまで対応するときにステータスバー問題が生まれてくるわけです。

(iPhoneXでは、44px,iphone8系だと20px,androidだとruntime value)

そこで登場するのが
react-native-status-bar-height

インストール

$ npm install --save react-native-status-bar-height 

もしくは

$ yarn add react-native-status-bar-height 

How To Use

import { getStatusBarHeight } from 'react-native-status-bar-height'; 
... 

指定の場所で"getStatusBarHeight"すると、高さを取れるので、flexでスタイルを調節することになります

参考
https://www.npmjs.com/package/react-native-status-bar-height