Hi!
I have created a spinner with <ion-refresher>
. When I am testing the app on the emulator, that is on the web, the spinner is displayed, but when I compile the app the spinner is not displayed.
The refresh function works! but the problem is that the spinner is not displayed.
image in web- testing and developing app.
image APP-> IOS Iphone 7s.
when sliding your finger down on the screen starts the refresh, a space is generated where the spinner would go, but the spinner does not appear.
myComponent.html =>
<ion-content class="background">
<!-- REFRESH -->
<ion-refresher slot="fixed"
(ionRefresh)="doRefresh($event)"
pull-factor="1.2"
pull-min="60"
pull-max="40"
snapback-duration="200ms">
<ion-refresher-content
pullingIcon="lines"
refreshingSpinner="dots"
></ion-refresher-content>
</ion-refresher>
......
</ion-content>
myComponent.css=>
ion-refresher ion-refresher-content {
--color:#FFFFFF!important;
background: url(../../../../../assets/img/base_roja.png) no-repeat;
background-size: 100%
}
ion-refresher.refresher-native {
display: block;
z-index: -1;
}
*It was ready tested whit z-index = 1;
Ionic:
Ionic CLI : 6.19.1 (/usr/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.4.4
@angular-devkit/build-angular : 0.1000.8
@angular-devkit/schematics : 10.0.8
@angular/cli : 10.0.8
@ionic/angular-toolkit : 2.3.3
Cordova:
Cordova CLI : 11.0.0
Cordova Platforms : browser 6.0.0, ios 6.2.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 11 other plugins)
Utility:
cordova-res : 0.15.4
native-run (update available: 1.7.1) : 1.4.1
System:
Android SDK Tools : 26.1.1 (/home/guidogagliardini/NuevosDocs/Android/Sdk)
NodeJS : v14.19.1 (/home/guidogagliardini/.nvm/versions/node/v14.19.1/bin/node)
npm : 6.14.16
OS : Linux 5.15
Thanks.