#鸿蒙通关秘籍#怎样在HarmonyOS NEXT中通过上下翻页方式加载内容？

实现上下翻页则需使用List组件结合LazyForEach和cachedCount来按需加载数据。上下滑动List可达到翻页效果：

1. 在aboutToAppear()方法中，通过pushItem或addItem来加载数据。
2. 使用List和LazyForEach在组件中存放每条数据，具体实现：

   List({ initialIndex: this.currentPageNum - CONFIGURATION.PAGEFLIPPAGECOUNT }) {
      LazyForEach(this.data, (item: string) => {
         ListItem() {
            Text($r(item))
         }
      })
   }
   .width($r('app.string.pageflip_bottomview_row_text_width'))
   .height($r('app.string.pageflip_full_size'))
   .scrollBar(BarState.Off)
   .cachedCount(CONFIGURATION.PAGEFLIPCACHECOUNT)
   1.
   2.
   3.
   4.
   5.
   6.
   7.
   8.
   9.
   10.
   11.