web-dev-qa-db-ja.com

React Native IOS Status Bar background

StatusColorコンポーネントにbackgroundColorプロパティを適用すると、IOSに適用されません。必要な効果を得るためにSafeAreaViewの背景色を設定する必要があります。正常に機能しますが、iPhone Xでは画面の下部に同じ色が表示されます。この問題を解決するにはどうすればよいですか?

enter image description here

7
basil satti

iPhone Xのサポート

@ sdkcyの回答に加えて、iPhone Xの場合、STATUS_BAR_HEIGHT 20にすることはできません。

次のライブラリをインストールして解決しました:

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

インストール

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

インポート

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

そしてSTATUS_BAR_HEIGHTを次のように更新します:

const STATUS_BAR_HEIGHT = Platform.OS === 'ios' ? getStatusBarHeight() : 0;

最後に、Android=の高さも0に変更しました。これは、NavigationBarの高さに影響を与えていたためですが、うまく機能していれば、同じに保つことができます。

お役に立てれば。

0
Victor Pacheo