Share the post "How To Fix PhoneGap App Overlap iOS Status Bar"
So deploying PhoneGap to an Android went okay but once I deployed one to an iOS device, the app overlapped on the status bar.
To fix this problem, add these two lines in config.xml.
|
1 |
<gap:plugin name="com.phonegap.plugin.statusbar" /> |
And in your index.html’s Javascript code, when the device is ready, call StatusBar.overlaysWebView(false);
That’s it!
I had read in some forum posts that you need to also place this in config.xml
|
1 |
<preference name="StatusBarOverlaysWebView" value="false" /> |
Well, it did not work. I have no idea why but calling that Javascript code instead was the one that worked for me. Perhaps this XML tag only works through Cordova’s CLI (Command Line Interpreter).
