我们在HarmonyOS开发中，如何自定义下拉刷新？

Question

我们在HarmonyOS开发中，如何自定义下拉刷新？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

使用Refresh组件来实现自定义下拉刷新。

@Entry
@Component
struct ListWithRefreshComponent {
  private items: string[] = ['Item 1', 'Item 2', 'Item 3'];

  onRefresh() {
    // 模拟数据刷新
    console.log('刷新数据');
    this.items = ['刷新后的Item 1', '刷新后的Item 2', '刷新后的Item 3'];
  }

  build() {
    Refresh({
      onRefresh: this.onRefresh.bind(this),
      refreshing: false
    })
     Column() {
      ForEach(this.items, (item) => {
        Text(item)
      })
     }
  }
}

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。