React-native: StatusBar Transparent or SetBackground on iOS

Created on 31 Aug 2016  路  5Comments  路  Source: facebook/react-native

Is there any way to do this with the current React Native core on iOS?

Locked

Most helpful comment

Perhaps there is a single place to set this in the iOS native react code?

I too would like to see StatusBar backgroundColor support added to StatusBar. Currently only Android has it.

http://stackoverflow.com/questions/39297291/how-set-ios-statusbar-background-color-in-react-native

My goal is something like this:
screen shot 2016-09-02 at 11 45 48 am

All 5 comments

Perhaps there is a single place to set this in the iOS native react code?

I too would like to see StatusBar backgroundColor support added to StatusBar. Currently only Android has it.

http://stackoverflow.com/questions/39297291/how-set-ios-statusbar-background-color-in-react-native

My goal is something like this:
screen shot 2016-09-02 at 11 45 48 am

@sscaff1 @esutton RN gives you full control over the screen in IOS by default. So you can put a element with the height of the statusbar or you can use the element directly. refer to this for more info https://facebook.github.io/react-native/docs/statusbar.html

@facebook-github-bot stack-overflow

Thanks @ahmedlhanafy I see that now.

@jmurzy Thanks again for excellent cross-platform statusbar backgroundColor solution posted on Stack Overflow.

In case his solution may help others that come across this issue, see:

http://stackoverflow.com/questions/39297291/how-to-set-ios-status-bar-background-color-in-react-native

Was this page helpful?
0 / 5 - 0 ratings