状态栏不适用于错误的 headerShown

Posted

技术标签:

【中文标题】状态栏不适用于错误的 headerShown【英文标题】:The Statusbar does not work with false headerShown 【发布时间】:2021-11-21 23:04:34 【问题描述】:

我正在使用 StatusBar 它工作正常,但是当我从 react-navigation 中删除标题时它停止工作。我做错了什么?

我在 ios 上遇到了这个问题。

<StatusBar barStyle="dark-content" backgroundColor=colors.ICE_BLUE />
<Tab.Screen name="Wallet" component=WalletScreen options= headerShown: false  />

【问题讨论】:

【参考方案1】:

在您的WalletScreen 中使用SafeAreaView 组件。

【讨论】:

我做了但什么也没发生 确保在SafeAreaView 的样式属性中传递flex: 1 并在StatusBar 中将translucent 属性添加为true,例如: 也尝试了这些更改。

以上是关于状态栏不适用于错误的 headerShown的主要内容,如果未能解决你的问题,请参考以下文章

Android:半透明状态栏不适用于 Google Maps API

iOS 8:状态栏不适用于 UIImagePickerController

透明状态栏不适用于 windowTranslucentNavigation="false"

反应本机状态栏不适用于android中的反应导航

如何在 iPad 上隐藏状态栏?

Cordova Android状态栏设置为透明