How to delete the blank area of ​​the Iphone X top viewport angle on ion Cordova

See answer in English> Ionic – White edge on iPhone X in header 1
I follow Understanding the WebView Viewport in iOS 11 and Cordova app not displaying correctly on iPhone X (Simulator) The instructions in setting the viewport suitable for overlay etc. But I still can’t get rid of these white corners at the top:

screenshot

What am I missing?

ionic (Ionic CLI): 3.15.2
cordova (Cordova CLI): 7.1.0
Cordova Platforms: ios 4.5.2
Ionic Framework: ionic-angular 3.8.0

finally I figured it out by myself. If others Had the same problem, this is my trick:

Ion cordova plugin rm cordova-plugin-statusbar

Ion cordova plugin add https://github.com/apache /cordova-plugin-statusbar.git

See: https://github.com/apache/cordova-plugin-statusbar/pull/85

See the English answer> Ionic – White edge on iPhone X in header 1
I followed the instructions in Understanding the WebView Viewport in iOS 11 and Cordova app not displaying correctly on iPhone X (Simulator) to set the viewport suitable for coverage, etc. But I still can’t get rid of these white corners at the top:

screenshot< /p>

What am I missing?

ionic (Ionic CLI): 3.15.2
cordova (Cordova CLI): 7.1.0
Cordova Platforms: ios 4.5.2
Ionic Framework: ionic-angular 3.8.0

Finally I figured it out by myself. If anyone else has the same problem, this is my trick: < p>

Ion cordova plugin rm cordova-plugin-statusbar

Ion cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git

See: https://github.com/apache/cordova-plugin-statusbar/pull/85

Leave a Comment

Your email address will not be published.