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

Question

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

我应该如何处理这个？

Answer 1

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

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

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