#鸿蒙通关秘籍#如何在DevEco Profiler中使用LazyForEach优化Swiper?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
冷酷王爷

要优化Swiper组件,使用LazyForEach进行懒加载,提高页面切换的内存效率。通过以下示例实现:

@Entry
@Preview
@Component
struct SecondPage {
 private dataSrc: MyDataSource = new MyDataSource([]);

 aboutToAppear(): void {
  let list = []
  for (let i = 1; i <= 100; i++) {
   list.push(i);
  }
  this.dataSrc = new MyDataSource(list);
 }

 build() {
  Column({ space: 5 }) {
   Swiper() {
    LazyForEach(this.dataSrc, (_: number) => {
     ChildPage();
    }, (item: number) => item.toString());
   }
   .loop(false)
   .indicator(true)
   .duration(100)
   .curve(Curve.Linear)
  }.width('100%')
  .margin({ top: 5 })
 }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS swiper + LazyForEach使用问题
250浏览 • 1回复 待解决