White space at the bottom of my cordova app on ios

user_3872239 0
Viewed 1416

I've build my cordova app on a mac and end up with white space at the bottom of my app. When I switch between apps and come back the white space is gone and the app is in fullscreen mode.

I use cordova plugin splashscreen and have this in my config.xml

<splash src="res/screen/ios/Default@2x~universal~anyany.png" />

The splashscreen size is 2732x2732px.

App with white space after opening the first time: App with wrong layout

App after I switch between apps and come back: App with good layout

Any ideas?

cordova ios
2 Answers

Fixed the issue with these css lines:

html, body {
  width: 100vw;
  height: 100vh;
}
user_38722390

This works for me https://github.com/quasarframework/quasar/issues/6695

remove cordova's Wkwebview plugin from your project, including cleaning your config.xml from the related entries install the ionic webview (which includes the Wkwebview plugin + their own improvements): cordova plugin add cordova-plugin-ionic-webview --save

user_118531370
Related