Странное поведение черного фона в приложении ionic / angular - PullRequest
2 голосов
/ 05 марта 2020

Я только что обновил свое приложение до ioni c 5 и angular 9. Я надеялся, что эта проблема исчезнет с новой версией, но она все еще сохраняется. Проблема в том, что в моем приложении все страницы переходят с черного экрана до того, как появится настоящая страница. Поэтому пользователь будет видеть в течение нескольких миллисекунд черный экран, что на самом деле выглядит не очень хорошо. Теперь с новой версией все стало еще хуже. На некоторых страницах я также испытываю черные ящики в области ионного освежения или при открытии клавиатуры. Также и при открытии новых модалов (в некоторых это работает должным образом, в некоторых нет) Но с модалами черный фон даже остается позади модального. Я действительно понятия не имею, почему это происходит. Я также не знаю, помогает ли здесь код, потому что он на самом деле одинаков как в модальных, так и в обновлении контента. Я сделал две фотографии с правильным рабочим модалом и одну с черным фоном.

Я ценю любую помощь, и если вам нужен дополнительный код, дайте мне знать!

дополнительный код:

рабочий модал: html:

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="end">
      <ion-button color="medium" (click)="dismiss()">
        <ion-icon slot="icon-only" name="close"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title color="medium">
      Privacy Policy
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="legal-content">
<p> ... </p>
</ion-content>

ts:

  async showPrivacyModal() {
    const modal = await this.modalController.create({
      component: PrivacyPolicyPage,
      presentingElement: this.routerOutlet.nativeEl,
      swipeToClose: true
    });
    return await modal.present();
  }

модальный багги: html:

<ion-header>
  <ion-toolbar>
        <ion-buttons slot="end">
            <ion-button color="medium" (click)="dismiss()">
              <ion-icon slot="icon-only" name="close"></ion-icon>
            </ion-button>
        </ion-buttons>
    <ion-title color="medium">
       Black BG
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

ts:

  async openFilter() {
    const modal = await this.modalController.create({
      component: FilterPage,
      presentingElement: this.routerOutlet.nativeEl,
      swipeToClose: true
    });
    return await modal.present();
  }

Вот фотографии:

normal

black bg bug

...