Why Status Bar Color Not Changing?

Question

I have this code :

import React from 'react';
import { View, StatusBar } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View>
         <StatusBar
           backgroundColor="blue"
           barStyle="light-content"
         />
       </View>
    );
  }
}

and I run it under EXPO apps on Android 6 - MiUI 8.5. My question is, why status bar still in white. not blue? and nothing is changed. I only got blank white screen (because status bar text in MiUI is also white).

@SagarKhatri `backgroundColor="#FFB515"` also not changing anything, bro — Saint Robson, Jul 08 '17 at 06:42
https://stackoverflow.com/questions/43917663/statusbar-color-in-react-native/43920029#43920029 — Ansal Ali, Jul 08 '17 at 06:52
Possible duplicate of [StatusBar color in React Native](https://stackoverflow.com/questions/43917663/statusbar-color-in-react-native) — Ansal Ali, Jul 08 '17 at 06:53
@AnsalAli : still failed. I added androidStatusBar in app.json but still same result. — Saint Robson, Jul 08 '17 at 07:00

score 1 · Answer 1 · answered Jul 08 '17 at 07:01

1

I closed the EXPO app and start it once again. and it works. I think the problem is with the EXPO app.

answered Jul 08 '17 at 07:01

Saint Robson

5,475
18
71
118

Why Status Bar Color Not Changing?

1 Answers1