Is the height of the status bar always 20 But since all sizes are in points, not in pixels, status bar height always equals 20. We have more information about Detail, Specification, Customer Reviews and Comparison Price. In iOS 6 my project is working fine, but in iOS 7 navigation bar image is not showing properly. For folks who are seeking Get Status Bar Height React Native Ios review. Set navigation bar image in iOS 7 (6) I want to convert my current project from iOS 6 to iOS 7. I don't see any drawback to removing altogether though (for a Cordova app targeting iOS 6+). To create a new project in iOS open Xcode from /Applications folder directory. Get Status Bar Height React Native Ios Sale. I did see a way to work around this in JavaScript for those who are interested, which is covered by this StackOverflow answer. It seems that height=device-height was taking the full device height into account, including the status bar. Had to replace the meta viewport setting from this: 解决方法įigured it out after almost 8 hours of tinkering. I even used Safari inspector to delete the body DOM node altogether, and it still scrolls 20px, telling me that it has nothing to do with the HTML so much as Cordova's implementation of the WebView.ĭoes anyone have a solution for this? I can't be the only one out there encountering this. Tried setting the app to fullscreen, which literally has no effect on the app whatsoever: // config.xml:

Tried offsetting the body's margin-top by 20px, which just adds an extra 20px of dead whitespace: // index.css: Tried forcing the status bar to not overlay the webview: // config.xml: Tried forcing the status bar to overlay the webview, essentially making the app a full 480px tall (instead of 460px): // config.xml: Tried manually hiding the status bar, with no effect. I have tried numerous fixes pertaining to config.xml changes, plugins, etc, but nothing makes a difference, which I've outlined below. This sometimes causes the scrollable WebView to take focus, essentially causing 'nothing' to scroll in the eyes of the user, rather than allowing scrollable divs in my app to scroll. For some reason, the WebView is scrollable with an extra 20px, seemingly making up for the 20px status bar at the top of the screen. I am building a Cordova app, and I'm testing it on my iOS 6 device (iPod Touch w/ iOS 6.1.6).

Status bar ios height