如何提高ArkUI List组件在大数据量下的滚动性能？

Question

ArkUI列表组件大数据量滚动卡顿,数据量大了很明显的出现卡顿，不知道是啥原因

现象：使用List组件加载1000+数据时出现明显卡顿

尝试解决：分页加载、减少布局嵌套（效果有限）

Answer 1

最终方案：

List() {
  LazyForEach(this.dataSource, (item) => {
    ListItem() {
      Text(item.text).fontSize(16)
    }.cached(true) // 启用组件缓存
  }, item => item.id)
}.cachedCount(10) // 预加载数量

配合@Reusable装饰器实现组件复用