Hide Status bar in android

Question

I am using react native 0.55.3 How can do like in a image

Android screen shot

to

Ios screen shot

Answer 1

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

Answer 2

I'm not able to understand your point. But answering on the possibility you trying to achieve. Here Color as per platform.

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

Hiding status bar

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

Answer 3

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

Image:

Answer 4

Make your colorPrimaryDark same as that of colorAccent in colors.xml. I think you have added some extra view above the actionbar

Answer 5

you can hide Status bar like this:

 <StatusBar
    hidden={true}
 />

or

StatusBar.setHidden(true);

---

and change the color:

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

or

StatusBar.setBackgroundColor('pink');

---

if you use 'react-native-navigation' :

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