Странная визуальная ошибка в верхней и нижней панели с Ionic 4 и nodge iPhone - PullRequest
0 голосов
/ 31 октября 2019

Я создал гибридное приложение, используя Ionic 4. Приложение отлично работает на большинстве устройств, но странная ошибка проявляется в iPhone с nodge, как iPhone 11 или X.

enter image description here enter image description here

Я хочу удалить эти верхнее и нижнее пространство. Вещи, которые я пробовал:

  • this.statusBar.overlaysWebView(true); в initializeApp()
  • Добавить viewport-fit=cover в метатег viewport в index.html
  • Обновить статусплагин bar (cordova-plugin-statusbar)
  • Добавить строку состояния прямо из репозитория github вместо плагина Ionic
  • Добавить safe-area-inset переменные в Ionic css
  • Попробуйте раскадровкузаставки
  • Добавить плагин строки состояния прямо из репозитория Github: ionic cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git
  • Добавление безопасной зоны
body{
    padding-top: constant(safe-area-inset-top);//for iOS 11.2
    padding-top: env(safe-area-inset-top);//for iOS 11.1
}

Можно ли покрасить его в черный цвет? Это работает в Android Nodge, как Pixel XL.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...