iOS: how to remove extra space for status bar

[IngoKoch]

Hi,
I do not want to show a status bar in my iOS app. Though the status bar is not being displayed there is the extra 20pt for the status bar. How can I solve this?

[mich356c]

What have you done in your attempt to remove the status bar? Maybe something’s missing If you could paste what you’ve added, that’d be great!

[IngoKoch]

Thanks for your reply. I call “StatusBar.hide();” on app start and have checked Hide Status Bar in the iOS project settings.

[mich356c]

Maybe try adding this in your config.xml inside your iOS platform: <preference name="StatusBarOverlaysWebView" value="true"/>, I’m not sure if it accomplishes the same as what you did in the project. Keep the StatusBar.hide();.

[IngoKoch]

@mich356c

<preference name=“StatusBarOverlaysWebView” value=“true”/>

Thank you, but did not help.

[mich356c]

Maybe try this after you do the hide()

StatusBar.overlaysWebView(true);

Though I thought hide() would do that as well… If it’s still no good, I don’t know

[IngoKoch]

IonicModule.forRoot(MyApp, {statusbarPadding: false}),

did the trick for me! Thanks!

[ramon]

Related topic:

How to remove space at the top of navbar

Hi everyone. I’m developing an ionic 2 typescript APP, only for iOS devices. I want to hide StatusBar and I can do that installing cordova-plugin-statusbar and, after platform ready… if ( StatusBar ) StatusBar.hide( ); It works but my navbar height is incorrect. [image] How can I remove space at the top of my navbar, after hide StatusBar? Ionic v1 solves this with: ionic.Platform.fullScreen( ); but I don’t know how to do that on ionic v2 Thanks in advance.

[bambulator]

thx it worked for me too

[sivu]

Please install three Cordova plugins：
1、cordova-plugin-disable-ios11-statusbar
2、cordova-plugin-statusbar
3、cordova-plugin-wkwebview-engine

set property：
viewport-fit=cover