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

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
SCIM寒鸦栖晚

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

  1. aboutToAppear()方法中,通过pushItemaddItem来加载数据。
  2. 使用ListLazyForEach在组件中存放每条数据,具体实现:
    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)
    
分享
微博
QQ
微信
回复
1天前
相关问题