Adding viewport-fit=cover doesn't load App, only white screen

Ionic Framework ionic-v3
1

I’ve followed the instructions noted in this post below, adding "viewport-fit=cover" to my meta in index.html. After building my app and running it on my iPhone, XCode doesn’t show any errors, just a white screen. When running in the browser, all works well and no errors as well.

https://blog.ionic.io/ios-11-checklist/

Does anyone know what’s wrong? Many thanks!

1 Like
2

Yes, I had same issue. Do you have any idea now?
If I run in iPhoneX, iPhone 4s or 5 simulator in Xcode 9, it works.
But run in iPhone 7, iPhone8, iPhone8 Plus it display only white blank screen after the launch screen.

1 Like
3

Hi,

I think I know my reason now.
I am using ios cordova v4.3.1, and I am trying the ionic tab sample app, it uses ios cordova v4.1.1 and it works.
So I replace the libs of ios cordova to v4.1.1. It works too.
My solution is replacing all files in and directory.

Hope it’s helpful to you.

1 Like
4

Yes, this is exactly the error I’m getting!

How did you replace these libs? Where are they located? Or is there a CLI command to do it?

I’m not a big fan of downgrading from newer versions to older versions, but I see no alternative solutions as of yet.

Many thanks for your help!

5

Replace the folder of “CordovaLib” and “cordova”. Whole folder replaced with ones in version 4.1.1.
Location: /platforms/ios/CordovaLib, /platforms/ios/corova
You can find the ones of version 4.1.1 in ionic sample projects.

Or you run the downgrading command. Delete existing version and install the 4.1.1 version. But for me,
it’s not good since I had some custom cordova plugin and standard installation will replace them.

Hope it can help you.

1 Like
6

I am also running into this issue on iOS 11 - with “viewport-fit=cover” the app only displays white screen.
If I reload page with safari development tools, then it displays properly the second time.
Perhaps it is worth mentioning that this app was built with earlier version of Ionic 2/3 and I had to add the viewport-fit tag manually.

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.12.0
ionic (Ionic CLI) : 3.12.0

global packages:

cordova (Cordova CLI) : 7.0.1

local packages:

@ionic/app-scripts : 2.1.4
Cordova Platforms  : ios 4.4.0
Ionic Framework    : ionic-angular 3.7.1

System:

ios-deploy : 1.9.2 
Node       : v6.11.2
npm        : 5.3.0 
OS         : macOS Sierra
Xcode      : Xcode 9.0 Build version 9A235

Misc:

2 Likes
7

Did anybody find a solution for this yet?

8

Where to find ionic sample projects ?