Ionic 4 旋转动画

Question

我似乎无法弄清楚为什么Ionic 4旋转器在旋转时不尊重其边界，我正在使用Android版本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 (cordova-lib@8.1.1)
   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

- Yushin

---

请不要仅因为您使用了Android Studio而将问题标记为android-studio标签：只有当您对IDE本身有疑问时，才应该使用Android Studio标签，而不是您编写（或想编写）的任何代码。请参见何时适合删除IDE标签，如何避免误用标签？和标记指南。此外，请创建一个[mcve]。 - Zoe stands with Ukraine

能否展示旋转器代码？ - Jay Ordway

你能添加一些代码吗？ - maxpaj

我使用了ion-spinner，没有像你遇到的UI问题。你能发一下你的代码吗？ - Pragati Kerur

LOL不再使用Ionic了... - Yushin

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();

- Brian