I have a few ion-view’ss with ion-header-bar’s that look fine when browsing to the assets in a browser, but when they are deployed as an app, the headers have extra padding on the top. Has anyone else experienced the extra additional padding within the header?
I can confirm that the header bar never shrinks on iOS7 regardless of whether the statusbar is visible or not in the last three versions of Ionic Framework, just running the default install with ionic.Platform.fullScreen() or StatusBar.hide().
That forces the previous version of the status bar, rather than the current one…
Fixed it for me… obviously there does need to be something that works with the latest version of the status bar plugin (available on Phone Gap build) … BUT this may help temporarily
Any chance you can privately share your project with the Ionic team? I’ve got several Ionic apps in progress and have not seen this. It’s definitely worth having another set of eyes evaluate it.
Just found out that it happen when the app is run through AppGyver. It runs fine if I run it using ionic cli command ‘ionic run iOS’. Now I need to go through AppGyver configuration and see what is causing it.
I’m not using AppGyver and I can see the header bar not shrinking when using ionic.Platform.fullScreen() (the header bar info hides but the height of the nav-bar doesn’t shrink).
You can see it fail on any iOS device or in the emulator by adding ionic.Platform.fullScreen() to the default created project. (ionic start new_project for example)