在android中隐藏状态栏

Question

我正在使用反应原生0.55.3 如何在图像中做到

Android屏幕截图

到

Ios屏幕截图

Answer 1

你可以使用反应原生的StatusBar组件api，这将有助于隐藏状态栏，你可以根据你的场景改变状态栏的颜色。

Answer 2

 <StatusBar backgroundColor={'transparent'} translucent={true} />

图片：

Answer 3

使您的colorPrimaryDark与colors.xml中的colorAccent相同。 我认为你在操作栏上面添加了一些额外的视图

Answer 4

您可以隐藏状态栏，如下所示：

 <StatusBar
    hidden={true}
 />

或

StatusBar.setHidden(true);

并更改颜色：

<StatusBar
  backgroundColor="pink"
  barStyle="light-content"
/>

或

StatusBar.setBackgroundColor('pink');

如果您使用'react-native-navigation'：

 appStyle: {
    statusBarColor: 'pink',
    statusBarTextColorScheme: 'light-content',
    statusBarHidden: true,
 }

Answer 5

我无法理解你的观点。但回答你试图实现的可能性。 根据平台，这里Color。

<StatusBar
     backgroundColor= {Platform.os =="ios"? "IOS_COLOR_CODE" : "ANDROID_COLOR_CODE"}
     barStyle="light-content"
   />

隐藏状态栏

<StatusBar
    hidden ={true}
    barStyle="light-content"
 />

Answer 6

如果任何人在Android 6.0+设备中遇到问题，当您切换StatusBar.setHidden（true-> false）时，StatusBar样式从默认的“深色样式”变为“浅色样式”，这是一种黑客。完成StatusBar.setHidden（false）后，按如下所示应用setTimeout可使状态栏变暗而不变灰...

setTimeout(() => StatusBar.setBarStyle('dark-content'), 500)

在setHidden（）之后或之前立即应用setBarStyle（）并没有帮助，因为React-Native似乎无法在内部处理某种竞争条件。这似乎也是一个未解决的问题。.https://github.com/facebook/react-native/issues/16597