在android中隐藏状态栏

在android中隐藏状态栏,android,react-native,Android,React Native,我使用的是react native 0.55.3 你怎么能在一个图像中做这样的事情呢 Android屏幕截图 到 Ios屏幕截图 为此,您可以使用react native的组件api,这将有助于隐藏状态栏,并且您可以根据您所在的场景更改状态栏的颜色。使colorPrimaryDark与colors.xml中的colorAccent相同。 我认为您在操作栏上方添加了一些额外的视图,您可以像这样隐藏状态栏: <StatusBar hidden={true} /> <

我使用的是react native 0.55.3 你怎么能在一个图像中做这样的事情呢

Android屏幕截图

Ios屏幕截图


为此,您可以使用react native的组件api,这将有助于隐藏状态栏,并且您可以根据您所在的场景更改状态栏的颜色。

使colorPrimaryDark与colors.xml中的colorAccent相同。
我认为您在操作栏上方添加了一些额外的视图,您可以像这样隐藏状态栏:

 <StatusBar
    hidden={true}
 />
<StatusBar
  backgroundColor="pink"
  barStyle="light-content"
/>
 appStyle: {
    statusBarColor: 'pink',
    statusBarTextColorScheme: 'light-content',
    statusBarHidden: true,
 }

StatusBar.setBackgroundColor('pink')


如果使用
'react-native-navigation'

 <StatusBar
    hidden={true}
 />
<StatusBar
  backgroundColor="pink"
  barStyle="light-content"
/>
 appStyle: {
    statusBarColor: 'pink',
    statusBarTextColorScheme: 'light-content',
    statusBarHidden: true,
 }

我不能理解你的意思。但是回答你试图实现的可能性。 此处
颜色
根据平台而定

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

隐藏状态栏

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


图片:


你有没有试过什么