没有刷新图标

Question

我是离子的新手，当用户拉页面时，我试图获得刷新图标。默认的刷新图标来了但是我在尝试用不同的图标它没有来

Thanks in advance

<ion-refresher refreshing-text="Loading..." refreshing-icon="ion-loading-c" on-refresh="doRefresh()">
</ion-refresher>

Answer 1

在<ion-refresher>中使用字体图标的功能似乎已被弃用，如下所述。相反，Ionic提供了使用IonSpinner的能力，你可以在这里阅读更多关于它的信息。

所以你的选择是在Ionic的当前版本是:refreshing-icon="bubbles", refreshing-icon="circles", refreshing-icon="crescent", refreshing-icon="dots", refreshing-icon="lines", refreshing-icon="ripple", refreshing-icon="spiral", refreshing-icon="android", refreshing-icon="ios"。

Answer 2

2022年，使用Ionic 6的新刷新代码为:

  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content 
      pullingIcon="chevron-down-circle-outline"
      pullingText="Pull to refresh"
      refreshingSpinner="circles"
      refreshingText="Refreshing..."></ion-refresher-content>
  </ion-refresher>

但即使在2022年，图标不显示的问题仍然存在，这是通过在全局样式表中添加以下内容来纠正的:

ion-refresher {
    z-index: 1;
}