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

时间:2019-09-09 07:26:32

标签: react-native react-native-navigation

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

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

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

此外,我仅在一个主屏幕中添加了以上行。但是它在所有屏幕上都改变了。

任何解决方案。

2 个答案:

答案 0 :(得分:0)

请尝试以下代码。

<StatusBar hidden=true />

更多详细信息,请找到here

example

答案 1 :(得分:0)

将此添加到标题组件

<StatusBar hidden={this.props.hidden}/>

然后您可以传递prop {hidden}布尔