Status bar color not getting changed

Am I doing something wrong? the statusbar color is not changing. It works on iphone but not on android. My code below

 <NavigationBar
                  title={{title:'Notifications', tintColor:'yellow'}}
                  tintColor="#ef5350"
                  statusBar={{style: 'light-content',tintColor:'#ef5350'}}
              />

[abiralsubedi]

If you are using Expo for React Native then here is the solution for setting Android Status Bar Color. First of all, In your app.json file add the code:

{
  "expo": {
    "sdkVersion": "Your given Version",
    "androidStatusBar": {
       "backgroundColor": "#4e2ba1" (Your desirable android Status Bar Color before the app loads)
    }
   }    
}

And then Go to Your Main Component or App.js, import ‘StatusBar’ from ‘react-native’. Then add Following Code in return:

return(
   <View style={{flex: 1}}>  (Do not forget to style flex as 1)
      <StatusBar translucent backgroundColor="rgba(0,0,0,0.2)"/>
      <Your Code>
   </View>
);

Here, we are setting the status bar color as Black but with 0.2 opacity. Your statusBar Color will be the same as your headerStyle background Color for Stack Navigator but a bit darker. For standard Android App, this is how the StatusBar color is set. Also, Make it translucent so that your app draws under the status Bar and looks nice.

It hope this works perfectly for you.

[jenskuhrjorgensen]

Nice, thanks! 😄 However, I still think that styling the Android status bar through react-native-navbar should be possible.