iOs header size is too large

I’m having a similar issue. I’ve updated to the latest version of Ionic, to be sure these aren’t solved issues.

Even when I put the call to ionic.Platform.fullScreen(); at the end of the .run block, the header is still too tall.

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if (window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleLightContent();
    }

    // make it fullscreen on IOS so it has the correct header size.
    ionic.Platform.fullScreen();
  });
})

However, if I run ionic.Platform.fullScreen(); in Safari developer tools console after the app is completely done booting, the header gets the correct size.

OK so after some more investigation, I found that adding this preference to config.xml:

<preference name="StatusBarOverlaysWebView" value="false"/>

causes that same preference to be added twice to the generated platforms/ios/build/emulator/MyApp.app/config.xml, once with a value of true and once with a value of false. I’m guessing this is possibly the cause of the issue?

Any help would be greatly appreciated!