#鸿蒙通关秘籍#HarmonyOS Next 如何避免 List 组件首次加载触发 onReachEnd 事件？

可以引入一个布尔变量来控制 onReachEnd 事件在首次加载后的触发。完整实现如下：

@Entry
@Component
struct Index {
  @State list: number[] = [];
  private canLoadingMore: boolean = false;

  aboutToAppear(): void {
    this.init();
  }

  init() {
    setTimeout(() => {
      for (let i = 0; i < 10; i++) {
        this.list.push(i);
      }
      this.canLoadingMore = true;
    }, 500);
  }

  build() {
    List({ space: 20 }) {
      ForEach(this.list, (item: number) => {
        ListItem() {
          Text(item.toString());
        }.width('100%').height(90).backgroundColor('#fff').borderRadius(10);
      }, (item: number) => item.toString());
    }
    .width('100%')
    .padding(20)
    .backgroundColor('#f2f2f2')
    .onReachEnd(() => {
      if (this.canLoadingMore) {
        console.log('触底');
      }
    });
  }
}

使用 canLoadingMore 标识是否可以进行加载更多操作，初始化数据加载完后再允许触发触底操作。