{"action":"created","issue":{"url":"https://api.github.com/repos/expo/expo/issues/2813","repository_url":"https://api.github.com/repos/expo/expo","labels_url":"https://api.github.com/repos/expo/expo/issues/2813/labels{/name}","comments_url":"https://api.github.com/repos/expo/expo/issues/2813/comments","events_url":"https://api.github.com/repos/expo/expo/issues/2813/events","html_url":"https://github.com/expo/expo/issues/2813","id":384417064,"node_id":"MDU6SXNzdWUzODQ0MTcwNjQ=","number":2813,"title":"StatusBar styles can not be changed using StatusBar component","user":{"login":"BrodaNoel","id":1837969,"node_id":"MDQ6VXNlcjE4Mzc5Njk=","avatar_url":"https://avatars0.githubusercontent.com/u/1837969?v=4","gravatar_id":"","url":"https://api.github.com/users/BrodaNoel","html_url":"https://github.com/BrodaNoel","followers_url":"https://api.github.com/users/BrodaNoel/followers","following_url":"https://api.github.com/users/BrodaNoel/following{/other_user}","gists_url":"https://api.github.com/users/BrodaNoel/gists{/gist_id}","starred_url":"https://api.github.com/users/BrodaNoel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/BrodaNoel/subscriptions","organizations_url":"https://api.github.com/users/BrodaNoel/orgs","repos_url":"https://api.github.com/users/BrodaNoel/repos","events_url":"https://api.github.com/users/BrodaNoel/events{/privacy}","received_events_url":"https://api.github.com/users/BrodaNoel/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-11-26T16:44:12Z","updated_at":"2018-11-26T21:32:55Z","closed_at":null,"author_association":"NONE","body":"This bug is related to StatusBar styles and the StatusBar styles while a Modal is opened.\r\nA big question with full details was made in StackOverflow, [here](https://stackoverflow.com/questions/53437241/react-native-modal-is-not-drawn-below-the-statusbar-on-android/53463180?noredirect=1#comment93797863_53463180).\r\nAll these behaviors are related to Android.\r\n\r\n### Environment\r\n```\r\n  Expo CLI 2.2.5 environment info:\r\n    System:\r\n      OS: macOS High Sierra 10.13.6\r\n      Shell: 5.3 - /bin/zsh\r\n    Binaries:\r\n      Node: 9.10.1 - ~/.nvm/versions/node/v9.10.1/bin/node\r\n      Yarn: 1.12.1 - ~/.yarn/bin/yarn\r\n      npm: 5.6.0 - ~/.nvm/versions/node/v9.10.1/bin/npm\r\n      Watchman: 4.9.0 - /usr/local/bin/watchman\r\n    IDEs:\r\n      Android Studio: 3.2 AI-181.5540.7.32.5056338\r\n      Xcode: 9.2/9C40b - /usr/bin/xcodebuild\r\n    npmPackages:\r\n      expo: ^31.0.0 => 31.0.2\r\n      react: 16.5.0 => 16.5.0\r\n      react-native: https://github.com/expo/react-native/archive/sdk-31.0.1.tar.gz => 0.57.1\r\n    npmGlobalPackages:\r\n      expo-cli: 2.2.5\r\n\r\n  Diagnostics report:\r\n    https://exp-xde-diagnostics.s3.amazonaws.com/brodanoel-1689fffb-32a9-4d5a-aa39-e27405a290b9.tar.gz\r\n```\r\n\r\nApp Target: Android\r\n\r\n### Steps to Reproduce\r\n* Open https://snack.expo.io/BJR4oF4A7\r\n* Look for `<StatusBar translucent={true} backgroundColor=\"#FFF\" />`\r\n* Change the `translucent` value to `false`.\r\n\r\nYou'll see that none of the changes that you did, were applied. It's always translucent, and it have not `backgroundColor` on `#FFF`\r\n\r\n### Expected Behavior\r\n* The StatusBar should change the translucent and the background\r\n\r\n### Actual Behavior\r\n* The StatusBar doesn't change (it's always translucent and black). It doesn't matter which prop you set, it never changes\r\n\r\nI 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\r\n\r\n### Reproducible Demo\r\n* [The StackOverflor question](https://stackoverflow.com/questions/53437241/react-native-modal-is-not-drawn-below-the-statusbar-on-android/53463180?noredirect=1#comment93797863_53463180)\r\n* [The Snack](https://snack.expo.io/BJR4oF4A7)\r\n\r\nEven you can open [this another Snack](https://snack.expo.io/Hkm6SitRQ) that sets the StatusBar to `translucent={false}`, but it always is translucent. (the `red` view is drawn behind the StatusBar)"},"comment":{"url":"https://api.github.com/repos/expo/expo/issues/comments/441806409","html_url":"https://github.com/expo/expo/issues/2813#issuecomment-441806409","issue_url":"https://api.github.com/repos/expo/expo/issues/2813","id":441806409,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0MTgwNjQwOQ==","user":{"login":"tcdavis","id":4551666,"node_id":"MDQ6VXNlcjQ1NTE2NjY=","avatar_url":"https://avatars3.githubusercontent.com/u/4551666?v=4","gravatar_id":"","url":"https://api.github.com/users/tcdavis","html_url":"https://github.com/tcdavis","followers_url":"https://api.github.com/users/tcdavis/followers","following_url":"https://api.github.com/users/tcdavis/following{/other_user}","gists_url":"https://api.github.com/users/tcdavis/gists{/gist_id}","starred_url":"https://api.github.com/users/tcdavis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tcdavis/subscriptions","organizations_url":"https://api.github.com/users/tcdavis/orgs","repos_url":"https://api.github.com/users/tcdavis/repos","events_url":"https://api.github.com/users/tcdavis/events{/privacy}","received_events_url":"https://api.github.com/users/tcdavis/received_events","type":"User","site_admin":false},"created_at":"2018-11-26T21:32:55Z","updated_at":"2018-11-26T21:32:55Z","author_association":"NONE","body":"Thanks @BrodaNoel!\r\nIt seems like the configuration in app.json is always taking priority over the props passed to the statusBar component :/\r\nAs a workaround, you might try doing something like this: https://docs.expo.io/versions/latest/guides/configuring-statusbar#place-an-empty-view-on-top-of"}}
{"actor":{"display_login":"tcdavis"}}