#鸿蒙通关秘籍# 如何按需加载列表组件中的元素?

HarmonyOS
5天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
LogicLark

在需要时才加载元素,使用 LazyForEach 以优化性能,避免一次性初始化和加载。例如:

typescript class MyDataSource extends BasicDataSource { private dataArray: string[] = Array.from(Array<number>(10000), (v, k) => k.toString());

public totalCount(): number { return this.dataArray.length } public getData(index: number): string { return this.dataArray[index] } }

@Entry @Component struct MyComponent { private data: MyDataSource = new MyDataSource()

build() { List() { LazyForEach(this.data, (item: string) => { ListItem() { Text(item).fontSize(20).margin({ left: 10 }) } }, (item:string) => item) } } }

分享
微博
QQ
微信
回复
5天前
相关问题
HarmonyOS HAPHSP按需加载如何配置
76浏览 • 1回复 待解决
按需加载场景中加载动态模块失败
1635浏览 • 1回复 待解决