如何确定 iOS 的 React Native 状态栏高度

Posted 2023-02-21

【中文标题】如何确定 iOS 的 React Native 状态栏高度

【英文标题】：How to determine React Native statusbar height for iOS

【发布时间】：2020-08-05 19:22:10

【问题描述】：

在我在 ios 上的 React Native 应用程序中，我想制作一个包裹状态栏的 <View>。大多数地方都说它的高度应该是20px，但在iPhone 11上，它似乎比这更高。我想要一个适合所有设备的解决方案。

我应该如何处理这个问题？

【参考方案1】：

你可以设置状态栏的高度，这和手机操作系统有关。如果你想扩展它，你可以在它下面添加一个相同颜色的视图。

要解决 iPhone 10 或更高版本的问题，您需要使用SafeAreaView。

“SafeAreaView 的目的是在设备的安全区域边界内渲染内容。目前仅适用于 iOS 11 或更高版本的 iOS 设备”