StatusColorコンポーネントにbackgroundColorプロパティを適用すると、IOSに適用されません。必要な効果を得るためにSafeAreaViewの背景色を設定する必要があります。正常に機能しますが、iPhone Xでは画面の下部に同じ色が表示されます。この問題を解決するにはどうすればよいですか?
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の高さに影響を与えていたためですが、うまく機能していれば、同じに保つことができます。
お役に立てれば。