{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/1028","labels_url":"https://api.github.com/repos/facebook/react-native/issues/1028/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/1028/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/1028/events","html_url":"https://github.com/facebook/react-native/issues/1028","id":71081214,"number":1028,"title":"flexbox while changed StatusBar height (e.g. while having a hotspot open)","user":{"login":"PhilippKrone","id":11861008,"avatar_url":"https://avatars.githubusercontent.com/u/11861008?v=3","gravatar_id":"","url":"https://api.github.com/users/PhilippKrone","html_url":"https://github.com/PhilippKrone","followers_url":"https://api.github.com/users/PhilippKrone/followers","following_url":"https://api.github.com/users/PhilippKrone/following{/other_user}","gists_url":"https://api.github.com/users/PhilippKrone/gists{/gist_id}","starred_url":"https://api.github.com/users/PhilippKrone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PhilippKrone/subscriptions","organizations_url":"https://api.github.com/users/PhilippKrone/orgs","repos_url":"https://api.github.com/users/PhilippKrone/repos","events_url":"https://api.github.com/users/PhilippKrone/events{/privacy}","received_events_url":"https://api.github.com/users/PhilippKrone/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-04-26T15:15:01Z","updated_at":"2015-04-26T18:19:16Z","closed_at":null,"body":"Hello,\r\n\r\n\r\nI'm having a simple flexbox as view with a HeaderBar and a FooterBar. It seems that the FooterBar is not positioned correctly while having e.g. a hotspot open (resulting in an increased standard IOS status bar). The footer seems to be below the end of the screen (e.g. too low).\r\n\r\nRegards\r\nPhilipp\r\n\r\nP.S. I know https://github.com/facebook/react-native/issues/871, but thats not working for me (even worse than before, seems to push the box more down)"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/96417807","html_url":"https://github.com/facebook/react-native/issues/1028#issuecomment-96417807","issue_url":"https://api.github.com/repos/facebook/react-native/issues/1028","id":96417807,"user":{"login":"PhilippKrone","id":11861008,"avatar_url":"https://avatars.githubusercontent.com/u/11861008?v=3","gravatar_id":"","url":"https://api.github.com/users/PhilippKrone","html_url":"https://github.com/PhilippKrone","followers_url":"https://api.github.com/users/PhilippKrone/followers","following_url":"https://api.github.com/users/PhilippKrone/following{/other_user}","gists_url":"https://api.github.com/users/PhilippKrone/gists{/gist_id}","starred_url":"https://api.github.com/users/PhilippKrone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PhilippKrone/subscriptions","organizations_url":"https://api.github.com/users/PhilippKrone/orgs","repos_url":"https://api.github.com/users/PhilippKrone/repos","events_url":"https://api.github.com/users/PhilippKrone/events{/privacy}","received_events_url":"https://api.github.com/users/PhilippKrone/received_events","type":"User","site_admin":false},"created_at":"2015-04-26T18:19:16Z","updated_at":"2015-04-26T18:19:16Z","body":"@brentvatne Yes, it has worked. For the sake of documentation, I have done the following:\r\n\r\n1) around my <Navigator />, I have added a view:\r\n     <View style={[styles.flex1, this.getStatusBarHeight()]}>\r\n2) the method \"getStatusBarHeight()\" returns \"top: 20 - currentStatusBarHeight\":\r\n  getStatusBarHeight: function() {\r\n    var t = 20 - this.state.currentStatusBarHeight;\r\n    return {\r\n      top: t,\r\n    }\r\n  },\r\n3) for the rest, I was following your minimal example @ https://github.com/brentvatne/react-native-status-bar-size\r\n\r\n\r\nSure, we can take a look at implementing something like that directly in RN!\r\n\r\nRegards\r\nPhilipp\r\n"}}