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.

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

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).

Related Posts Plugin for WordPress, Blogger...

Leave a Reply

Your email address will not be published. Required fields are marked *