Я только что обновил свое приложение до 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();
}
Вот фотографии: