Ion spinner wrong on android

Ionic Framework ionic-v3
1

ion-spinner shows as a full circle on android and the mobile chrome browser although it looks right on the desktop browser.

1 Like
2

I had the same problem on Android 6.0.1 and it turned out to be an animation issue:

3

so is there a temporary fix for that?

4

There is a workaround, according to the following comment in Github:

Setting refreshingSpinner to circles works, but it seems that the default spinner has some animation problems.

5

yes I have read that but I am not using the refresher directive. I am just using a simple
<ion-spinner></ion-spinner>

Edit: found it! the way to change the spinner is in the code documentation

6

You can just specify the animation that you want using the name attribute:

<ion-spinner name="circles"></ion-spinner>
2 Likes
7

Hey is this possible ?
<ion-spinner name="android"></ion-spinner>

Like the one in Ionic 1
<ion-spinner icon="android"></ion-spinner>

Or has it been removed?? as i don’t see it in the docs…