iOS status bar overlapping contents
The accepted answer from sunil is no longer relevant, the plugin is deprecated.
Use the following in your config.xml
<preference name="StatusBarOverlaysWebView" value="false" /><preference name="StatusBarBackgroundColor" value="#000000" /><preference name="StatusBarStyle" value="lightcontent" /><plugin spec="https://github.com/apache/cordova-plugin-statusbar.git" source="git" />
Add these lines to your config.xml file
<preference name="StatusBarOverlaysWebView" value="false" /> <preference name="StatusBarBackgroundColor" value="#000000" /> <preference name="StatusBarStyle" value="lightcontent" /> <gap:plugin name="com.phonegap.plugin.statusbar" />
This can be accomplished with the help of the statusbar plugin.All you need is to install the plugin via the command line phonegap plugin add https://github.com/apache/cordova-plugin-statusbar.git and then add StatusBar.hide(); onDeviceReady event.