离子4微调动画

Question

我似乎可以弄清楚为什么离子4旋转器在旋转时不尊重它的边界，我使用的是android version 8.0.0

Ionic:

   ionic (Ionic CLI)             : 4.11.0 (/home/yushin/.nvm/versions/node/v11.9.0/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.2.4
   @ionic/angular-toolkit        : 1.3.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 ([email protected])
   Cordova Platforms     : android 7.1.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 20 other plugins)

System:

   Android SDK Tools : 26.1.1 (/home/yushin/Android/Sdk)
   NodeJS            : v11.9.0 (/home/yushin/.nvm/versions/node/v11.9.0/bin/node)
   npm               : 6.8.0
   OS                : Linux 4.13

Answer 1

我遇到了与Android加载器相同的问题。理想情况下，ion-spinner的CSS应该更新为：

:host(.spinner-crescent) svg {
    transform-origin: 40% 40%!important;
}

但是，由于Ionic 4现在使用阴影dom，您将无法从外部将其应用于组件。

我发现的解决方案是使用另一种旋转器（例如圆圈）。

let loading = await this.loadingController.create({
    message: message,
    spinner: 'circles'
});
await loading.present();