Posted at

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

スクリーンショット 2018-10-30 16.05.06.png

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