PhoneGap: removing the iOS 7 status bar

A quick guide removing the iOS 7 status bar:

  • Visit https://github.com/phonegap-build/StatusBarPlugin
  • Add the plugin: cordova add plugin https://github.com/phonegap-build/StatusBarPlugin.git
  • Add this to your config.xml:
    <gap:plugin name="com.phonegap.plugin.statusbar" />
    <gap:config-file platform="ios" parent="UIStatusBarHidden">
        <true/>
    </gap:config-file>
    <gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance">
        <false/>
    </gap:config-file>
    <preference name="StatusBarOverlaysWebView" value="true" />
  • Rebuild: phonegap build ios