我们在HarmonyOS开发中，如何一个自定义的加载更多按钮？

Question

我们在HarmonyOS开发中，如何一个自定义的加载更多按钮？

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

Answer 1

有意思的问题。

可以使用Button组件结合状态管理来实现自定义的加载更多按钮。

这是我的实现过程：

@Entry
@Component
struct LoadMoreButtonAbility {
  @State private isLoading: boolean = false;
  @State private items: string[] = ['Item 1', 'Item 2', 'Item 3'];

  build() {
    Column() {
      ListView(this.items)
        .itemCreator((item) => Text(item).fontSize(18))
        .itemSize(50);

      Button('Load More')
        .disabled(this.isLoading)
        .onClick(() => {
          this.isLoading = true;
          // Simulate loading more items
          setTimeout(() => {
            this.items = [...this.items, 'Item 4', 'Item 5'];
            this.isLoading = false;
          }, 2000);
        });
    }
  }
}

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

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