как убрать белый экран после window.location.reload (); в иони c 4 - PullRequest
Новая
       24

как убрать белый экран после window.location.reload (); в иони c 4

0 голосов
/ 11 марта 2020

Я хочу перезагрузить страницу после вызова API в ioni c 4.

Когда приложение запускается после удаления белого экрана spla sh, добавив его в config. xml

<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="SplashScreenDelay" value="30000" />
<preference name="FadeSplashScreenDuration" value="1000" />
<preference name="SplashScreen" value="screen" />
<preference name="ShowSplashScreen" value="true" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="FadeSplashScreen" value="true" />

После входа он переходит на страницы вкладок. На вкладке 1 я проверяю, одобрен пользователь или нет, и в соответствии с этим значением сообщение отображается на экране.

В tab1 я использую ion-refresher для обновления sh API страницы и вызова, чтобы проверить, одобрен пользователь или нет.

Для обновления пользовательского интерфейса экрана при успешном использовании API Я звоню:

window.location.reload();

Но проблема в том, что после перезагрузки страницы на некоторое время появляется белый экран.

Как убрать этот белый экран?

. html

<ion-refresher #refresherRef slot="fixed" (ionRefresh)="load($event)">
    <ion-refresher-content
    pullingIcon="arrow-dropdown"
    pullingText="Pull to refresh"
    refreshingSpinner="circles"
    refreshingText="Refreshing...">
    </ion-refresher-content>
  </ion-refresher>

  <div *ngIf="userData.userStatus == 2" class="emplty_class">
    Your request has been pending.
  </div>

  <div *ngIf="userData.userStatus == 1">
    Your request is approved.
  </div>

.ts 

load(refresher) {
    if(this.userData.userStatus == "2"){
      let postData = new FormData();
      postData.append('user_id', this.userData.userId);

      this.authService.postData(postData, "is_verified_or_not.php").then((result) => {
        this.responseData = result;

        this.success = this.responseData.success;
        if (this.success == 1) {
          refresher.target.complete();
          // refresher.complete();
          let userDeatil = this.responseData.users_details;
          localStorage.setItem('userData', JSON.stringify(userDeatil));
          for (let data1 of userDeatil) {
            this.userStatus = data1.status;
            localStorage.setItem('userStatus', JSON.stringify(this.userStatus));
            console.log("userStatus" + this.userStatus);
          }
          if(this.userStatus == 1){
            window.location.reload();
          }
        } else {
          this.message = this.responseData.message;  
          refresher.target.complete();
          this.showToast(this.message);
        }
      }, (err) => {
        refresher.target.complete();
        console.log("Error", err);
      });
    } else{
      refresher.target.complete();
      console.log("User is already approved: " + this.userData.userStatus);
    }
  }
...