Add a custom spinner to ion-infinite-scroll

Ionic Framework ionic-v3
1

How do I add a custom spinner to the ion-infinite-scroll? Add a custom class for the spinner.

2

Hi @maggie001,

<ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="scrollflag">
     <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
     </ion-infinite-scroll-content>
</ion-infinite-scroll>

This is how you can put the custom spinner while scrolling with inifinite scroll in ionic 2.

Feel free to mark it as solution and also you can like the answer by clicking on heart icon.

3

But this is an ionic spinner. How do I add my own spinner with using my own class?

4

Hi @maggie001,

For having a custom spinner, you need to create your own custom component.

I hope this article may help you.