Приложение PhoneGap не отображается правильно на iPhoneX, несмотря на исправления - PullRequest
Новая
       125

Приложение PhoneGap не отображается правильно на iPhoneX, несмотря на исправления

0 голосов
/ 24 октября 2019

Как вы, наверное, знаете, из-за выемки проблема с WebView, которая не отображается правильно в iPhoneX. Я обновил свое приложение PhoneGap следующими исправлениями:

1 - изменил подгонку области просмотра к "cover": 

<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, viewport-fit=cover">

2-Добавлен следующий CSS: 

body {
     padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
     padding-top: env(safe-area-inset-top); /* iOS 11.2 */
     }

3-Обновлен плагин Cordova StatusBar с этими параметрами: 

StatusBar.overlaysWebView(false);
StatusBar.styleLightContent();
StatusBar.backgroundColorByHexString("#2F323E");

Несмотря на все это, я 'Я все еще застрял на шаге 3, и я хочу перейти к изображению 4, где строка состояния имеет тот же цвет, что и заголовок, и имеет приятный стиль:

enter image description here

Это небольшое видео, показывающее, где я сейчас нахожусь: Проблема с надрезом

Строка состояния перекрывает WebView, когда она должна быть над ним. Я тестирую свое приложение на iPhoneX с ios 12.1.4.

Я что-то упустил? Есть идеи?

...