#鸿蒙通关秘籍#HarmonyOS Next 如何避免 List 组件首次加载触发 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('触底');
      }
    });
  }
}
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.