Using Modal in an app with status bar hidden = true results in status bar being shown

[RonakKhandelwal]

Bug?

[satya164]

Please mention your React Native version and platform.

[RonakKhandelwal]

react-native-cli: 0.2.0
react-native: 0.24.1
platform: android
dev platform: macOSX

[RonakKhandelwal]

reproducible????

[satya164]

Can you also post a screenshot? Are you referring to the grey line at the top?

[RonakKhandelwal]

[RonakKhandelwal]

the status bar

[nihgwu]

I think the StatusBar on Modal can't be controlled and will be a blur one on Android right now.
I remembered there was a PR to add support for translucentStatusBar to Modal but caused test fail, then the PR was not shipped eventually, around 0.27-0.28

[nihgwu]

Well I noticed that you are using RN0.24, so the StatusBar on Modal will always gray and can't be controlled, after 0.28( or 0.27) it will be a translucent one but still can't make it transparent

[nihgwu]

Here it is #7157 it was introduced in 0.27

[satya164]

cc @jemise111

[nihgwu]

@satya164 do you work for 24 hours a day... find you at any time and everywhere, it's crazy

[satya164]

@nihgwu Haha. I try to be online when I can :D

[nihgwu]

@satya164 It will be so great if you have any time to take a look at this one 1048e5d
It's really a breaking change and i'm sure it will Influence the others
I was trapped by that for days before find the cause and revert that commit manually to avoid the issue #8607

[nihgwu]

actually for this issue, there are two different StatusBar, turn on the hidden prop will hide the StatusBar on the View under the Modal , the showing StatusBar is on Modal and can't be controlled or hidden before RN0.27.
so it's not an issue for the newest version

[satya164]

@nihgwu Sorry, I've no context on the code.

[RonakKhandelwal]

Ohk so versio issue I guess

[kfiroo]

@nihgwu I'm having the same issue with RN0.32.0.
I have a view that hides the status bar and opens a Modal.
The Modal shows the status bar.
You said it's not an issue after RN0.27.0 - what did you mean? Can I control the status bar for the modal view somehow?
Thanks

[nihgwu]

@kfiroo I've explained #8627 (comment) those are two different StatusBar on View an Modal, you can't control the StatusBar on Modal right now

[kfiroo]

@nihgwu Ok, I thought you meant that there is a way after RN27 :)
Thanks!

[ShaikhKabeer]

Just go to styles.xml of android/app/src/main/res/values/styles.xml and put this code in Base application theme

`

<style name="AppTheme" parent="Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen"> </style>

`

After putting code, remove generated folders from android/app/build/generated folder and again do
react-native run-android . It will work

[netsmertia]

I am still facing the same issue. Is there any react-native solution.

[thambt]

@ShaikhKabeer thanks man!. U save me.