[Android] Hidden <StatusBar> reappears after screen lock

[marcshilling]

I'm trying out the new cross-platform StatusBar component. One thing I noticed is that if I lock my Android phone screen on a view with <StatusBar hidden={true} />, the status bar is visible again upon unlocking the phone.

[facebook-github-bot]

Hey marcshilling, thanks for reporting this issue!

React Native, as you've probably heard, is getting really popular and truth is we're getting a bit overwhelmed by the activity surrounding it. There are just too many issues for us to manage properly.

• If you don't know how to do something or something is not working as you expect but not sure it's a bug, please ask on StackOverflow with the tag react-native or for more real time interactions, ask on Discord in the #react-native channel.
• If this is a feature request or a bug that you would like to be fixed, please report it on Product Pains. It has a ranking feature that lets us focus on the most important issues the community is experiencing.
• We welcome clear issues and PRs that are ready for in-depth discussion. Please provide screenshots where appropriate and always mention the version of React Native you're using. Thank you for your contributions!

[janicduplessis]

Thanks for reporting this I'll look into it :)

[charpeni]

@janicduplessis I just tried this cf3bd9f on branch 0.22-stable and master, it doesn't seem to work.

class AwesomeProject extends Component {
  render() {
    return (
      <View style={styles.container}>
        <StatusBar
          hidden
        />
        <TextInput/>
      </View>
    );
  }
}

Tested on Android 5.

1. Open the app. (StatusBar is hidden)
2. Minimize the app.
3. Reopen the app. (StatusBar is visible)

There seems to have an issue with focus on native components, maybe your fix should fixed it ? #6503 & http://stackoverflow.com/questions/36061617/reactnative-status-bar-disable-android

[marcshilling]

@charpeni is that code valid? You aren't passing anything to hidden

[charpeni]

@marcshilling It's a valid code, we can omit the value of the prop when it is explicitly true.

[TeodorKolev]

Why this issue is closed when problem still exist?

[janicduplessis]

@charpeni Have you rebuilt the native code? I just tested the steps you described using 0.22.0-rc4 from npm in one of my apps and it worked.

[TeodorKolev]

I have same issue, on every event soft keyboard open back button pressed etc. status bar showed up

[janicduplessis]

Are you on 0.22?

[TeodorKolev]

0.21

[janicduplessis]

Ok, this is normal the issue was fixed only in 0.22. Can you try with 0.22.0-rc4?

[TeodorKolev]

how to get that?

[janicduplessis]

npm install --save react-native@0.22.0-rc4

[TeodorKolev]

is there any chance that can break my app? Thanks btw

[janicduplessis]

0.22.0 will be released this monday so the rc build is pretty stable at this point.

[TeodorKolev]

Thanks a lot man. Respect!

[charpeni]

@charpeni Have you rebuilt the native code? I just tested the steps you described using 0.22.0-rc4 from npm in one of my apps and it worked.

@janicduplessis Yes, I made a new application with react-native init, clone repo on branch 0.22-stable, react-native upgrade and react-native run-android.

From node_modules/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java I can see your fix.

Did it work for you @TeodorKolev ?

[janicduplessis]

Can you try 0.22.0-rc4 from npm? I think cloning the branch won't work properly unless you change your build.gradle to compile react-native from node_modules instead of using the version from maven (which is still 0.21 since 0.22.0 is using a prebuilt version distributed by npm instead of maven)

You can check http://facebook.github.io/react-native/docs/android-building-from-source.html#content to build it from source properly.

[charpeni]

I can't retry with 0.22.0-rc4 from npm right now because I have this strange error #6446.

I think you're totally right about the prebuilt version distributed by npm, I was blinded by compile "com.facebook.react:react-native:+" // From node_modules.

Actually, if you say it works I totally believe in your work. Nice job by the way! :