Ионная 4 спиннерная анимация - PullRequest
Новая
       21

Ионная 4 спиннерная анимация

4 голосов
/ 07 марта 2019

Кажется, я могу понять, почему 4 ионных вращателя не уважают свои границы при вращении, я использую android version 8.0.0 enter image description here

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

1 Ответ

1 голос
/ 29 апреля 2019

Я столкнулся с той же проблемой с загрузчиком Android. В идеале, CSS ion-spinner должен быть обновлен до чего-то вроде: 

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

Однако, поскольку Ionic 4 теперь использует shadow dom, вы не сможете применить его к компоненту извне.

Решение, которое я нашел, состояло в том, чтобы использовать альтернативный вращатель (например, круги). 

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