iOS status bar overlapping contents iOS status bar overlapping contents ios ios

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.


matomo