[FIXED] Cordova iOS Statusbar StatusBarOverlaysWebView padding top

Issue

My goal is to make my app on full screen and for this purpose I use two functions:

StatusBar.overlaysWebView(true);
StatusBar.hide();

This is work for Android OS but on iPhone I have a body margin equals to status bar height. I don’t understand why, it’s looks like:

enter image description here

(Orange is margin equals to statusbar height and violet is the body content)

I know It’s possible to make full screen because I have an other Ionic app with Cordova and when I hide status bar my app start at top of phone.

In my css I have margin and padding at 0.
I know the overlay is well taken into account because my body with 100vh outrun height of screen just my body dosn’t start à top of screen.

Solution

For solved it use
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Answered By – Jordan Azoulay

Answer Checked By – Timothy Miller (FixeMe Admin)

Leave a Reply

Your email address will not be published. Required fields are marked *