HarmonyOS 如何修改下拉刷新时里面的icon,将其替换成文字

HarmonyOS
2024-12-18 15:07:03
3905浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
aquaa

下面是隐藏icon&显示文字的demo:

@Entry
@Component
struct RefreshExample {
  @State isRefreshing: boolean = false
  @State arr: String[] = ['0', '1', '2', '3', '4','5','6','7','8','9','10']
  @Builder
  customRefreshComponent()
  {
    Stack()
    {
      Row()
      {
        // 隐藏icon
        // LoadingProgress().height(32)
        Text("正在刷新...").fontSize(16).margin({left:20})
      }
      .alignItems(VerticalAlign.Center)
    }.width("100%").align(Alignment.Center)
  }

  build() {
    Column() {
      Refresh({ refreshing: $$this.isRefreshing,builder:this.customRefreshComponent()}) {
        List() {
          ForEach(this.arr, (item: string) => {
            ListItem() {
              Text('' + item)
                .width('100%').height(100).fontSize(16)
                .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF)
            }
          }, (item: string) => item)
        }
        .onScrollIndex((first: number) => {
          console.info(first.toString())
        })
        .width('100%')
        .height('100%')
        .divider({strokeWidth:1,color:Color.Yellow,startMargin:10,endMargin:10})
        .scrollBar(BarState.Off)
      }

      .onStateChange((refreshStatus: RefreshStatus) => {
        console.info('Refresh onStatueChange state is ' + refreshStatus)
      })
      .onRefreshing(() => {
        setTimeout(() => {
          this.isRefreshing = false
        }, 2000)
        console.log('onRefreshing test')
      })
      .backgroundColor(0x89CFF0)
    }
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
分享
微博
QQ
微信
回复
2024-12-18 17:49:17
相关问题
HarmonyOS 如何实现语音转成文字
765浏览 • 1回复 待解决
HarmonyOS Swiper里面的item高度自动刷新
983浏览 • 1回复 待解决
HarmonyOS 下拉刷新如何实现
504浏览 • 1回复 待解决
如何修改应用的icon图标
3188浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
718浏览 • 1回复 待解决
HarmonyOS Webview如何实现下拉刷新效果
710浏览 • 1回复 待解决
HarmonyOS ArkWeb如何实现下拉刷新功能
1480浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
988浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
1534浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载功能
590浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载示例
676浏览 • 1回复 待解决
HarmonyOS 组件的下拉刷新问题
1244浏览 • 1回复 待解决