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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何确定iOS的React Native状态栏高度?相关的知识,希望对你有一定的参考价值。

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

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

答案

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

为了解决iPhone 10或更高版本的问题,你需要使用以下方法 安全区域视图.

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

以上是关于如何确定iOS的React Native状态栏高度?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 React-Native 应用程序中检索 iOS 状态栏高度?

如何在 React Native 中设置 iOS 状态栏背景颜色?

React-Native iOS 状态栏

React Native IOS 状态栏背景

React Native - 文本位于状态栏 - 如何进一步降低?

尝试更改状态栏样式在 ios 中给了我错误 - React native