I completed the first iOS build and loaded on an iOS device and everything went pretty smooth.
The only difference from my PhoneGap build is that the footer is now white instead of black and stands out. I’m trying to get it black again. Any ideas? The header is still black which is correct.
I have the following in my index.html file:
meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, height=device-height, width=device-width"
Not that I can tell. It is this line that I believe let’s the header and footer show. I think if this is set to true then there is no header / footer and the app covers up to the top and bottom of the screen.
Also, this only occurs on iPhones with the “notch” - iPhone X and XR, etc. On the iPhone 8 there is no footer and the nav bar is at the bottom and looks correct.
Also, from StackOverflow:
“If you have installed this plugin cordova-plugin-webviewcolor, you can use this function window.plugins.webviewcolor.change('#000000'); after deviceready that change the webview color.”