如何在主屏幕和子屏幕中显示状态栏和隐藏状态栏

Posted

技术标签:

【中文标题】如何在主屏幕和子屏幕中显示状态栏和隐藏状态栏【英文标题】:How to show the status bar and hide status bars in main screens and subscreens 【发布时间】:2020-01-10 22:54:18 【问题描述】:

我需要在所有主屏幕中显示状态栏,并且需要在所有子屏幕中隐藏状态栏。

我已经尝试在 react-native 中使用组件 StatusBar,但它显示了整个屏幕的状态栏,也没有隐藏状态栏。

<StatusBar backgroundColor='blue' barStyle='light-content' />

另外,我只在一个主屏幕中添加了上述行。但它在所有屏幕上都发生了变化。

任何解决方案。

【问题讨论】:

【参考方案1】:

请尝试以下代码。

<StatusBar hidden=true />

更多详情请查看here

example

【讨论】:

【参考方案2】:

将此添加到标题组件

<StatusBar hidden=this.props.hidden/>

那么你可以传递 prop hidden 布尔值

【讨论】:

以上是关于如何在主屏幕和子屏幕中显示状态栏和隐藏状态栏的主要内容,如果未能解决你的问题,请参考以下文章

在 iPhone X 上,分别控制显示/隐藏导航栏和状态栏

android关掉导航栏后怎么

Cordova 在显示初始屏幕期间隐藏状态栏

隐藏标签栏和导航栏

Android 显示、隐藏状态栏和导航栏

导航栏状态,显示和隐藏底部导航栏