android - 如何在所有页面顶部显示 ionic 旋转器/加载器

Question

有没有办法始终显示加载程序或在我调用它时使其保持不变？

我创建了一个公共(public)服务，其中创建了加载程序，以便我始终可以在任何页面上注入(inject)和访问它。

这是我的代码:

public loader = this.loadingController.create({
  spinner: 'crescent',
  duration: 5000,
  message: 'Please wait...',
  translucent: true,
  cssClass: 'custom-class custom-loading'
});

public async loaderPresent() {
  await this.loader.then((overlay)=>{
    overlay.present();
  })
}

public async loaderDismiss() {
  await this.loader.then((overlay)=>{
    overlay.dismiss();
  })
}

但问题是:当页面以编程方式更改时，加载程序不会停留。

我想要实现的是:加载程序是绝对的，涵盖我的应用程序中发生的所有自动化流程。

其他信息:我有一个 inAppBrowser，它覆盖了加载屏幕。

Answer 1

ionic 4

async present(){

    const loading = await this.loadingController.create({
      message: `Uploading images...`
    });
    await loading.present();
}




dismiss(){
    this.loadingController.dismiss();
}

ionic 3

presentLoadingDefault() {
  let loading = this.loadingCtrl.create({
    content: 'Please wait...'
  });

  loading.present();

  setTimeout(() => {
    loading.dismiss();
  }, 5000);
}