Ionic 4 Spinner动画

游心

我似乎可以弄清楚为什么ionic 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
布赖恩

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章