StatusBar styles can not be changed using StatusBar component

This bug is related to StatusBar styles and the StatusBar styles while a Modal is opened. A big question with full details was made in StackOverflow, here. All these behaviors are related to Android.

Environment

  Expo CLI 2.2.5 environment info:
    System:
      OS: macOS High Sierra 10.13.6
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 9.10.1 - ~/.nvm/versions/node/v9.10.1/bin/node
      Yarn: 1.12.1 - ~/.yarn/bin/yarn
      npm: 5.6.0 - ~/.nvm/versions/node/v9.10.1/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    IDEs:
      Android Studio: 3.2 AI-181.5540.7.32.5056338
      Xcode: 9.2/9C40b - /usr/bin/xcodebuild
    npmPackages:
      expo: ^31.0.0 => 31.0.2
      react: 16.5.0 => 16.5.0
      react-native: https://github.com/expo/react-native/archive/sdk-31.0.1.tar.gz => 0.57.1
    npmGlobalPackages:
      expo-cli: 2.2.5

  Diagnostics report:
    https://exp-xde-diagnostics.s3.amazonaws.com/brodanoel-1689fffb-32a9-4d5a-aa39-e27405a290b9.tar.gz

App Target: Android

Steps to Reproduce

• Open https://snack.expo.io/BJR4oF4A7
• Look for <StatusBar translucent={true} backgroundColor="#FFF" />
• Change the translucent value to false.

You’ll see that none of the changes that you did, were applied. It’s always translucent, and it have not backgroundColor on #FFF

Expected Behavior

• The StatusBar should change the translucent and the background

Actual Behavior

• The StatusBar doesn’t change (it’s always translucent and black). It doesn’t matter which prop you set, it never changes

I made a big StackOverflow question describing the whole issue and the whole expected and current behavior: https://stackoverflow.com/questions/53437241/react-native-modal-is-not-drawn-below-the-statusbar-on-android/53463180?noredirect=1#comment93797863_53463180

Reproducible Demo

• The StackOverflor question
• The Snack

Even you can open this another Snack that sets the StatusBar to translucent={false}, but it always is translucent. (the red view is drawn behind the StatusBar)

[athenawisdoms]

Experienced similar problem on Expo SDK 34 with iOS 12.4. No statusbar property is set in app.json.

Working:

• StatusBar.setBarStyle
• StatusBar.setHidden
• <StatusBar hidden={true}>
• <StatusBar barStyle='light-content'}>

Not Working:

• StatusBar.setBackgroundColor
• StatusBar.setTranslucent
• <StatusBar backgroundColor='#000000'>

How did you guys get backgroundColor to work? @satya164

[brentvatne]

improvements are coming in sdk 37 with https://github.com/expo/expo/pull/6506