两个LazyForeach的List如何组合在一起,并且支持懒加载

两个LazyForeach的List如何组合在一起,并且支持懒加载

HarmonyOS
2024-06-04 23:19:53
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
xcbaby

1. 整个外层布局是一个Scroll,内存布局有两个List,上面是ListA,下面的是ListB,分别采取LazyForEach的方式加载数据。

2. ListA设置一个@BuilderParam参数,用于设置List上方的搜索及功能选项。第一个ListItem放父组件传递过来的UI插槽,后面是Lazy加载的ListItem。

3. 给ListA和ListB绑定nestedScroll属性。

示例代码:

@Entry 
@Component 
struct Combination { 
  @Builder 
  header() { 
    ... 
  } 
 
  builder() { 
    Column() { 
      Scroll() { 
        Column() {            
        ListA()            
        ListB()          
        } 
      } 
    } 
  } 
} 
 
@Component 
export struct ListA { 
  @Builder 
  FunBuilder() { 
  }; 
 
  @BuilderParam slot: () => void = this.FunBuilder; 
 
  build() { 
    Column() { 
      List() { 
        ListItem() { 
          this.slot(); 
        } 
 
        LazyForEach 
        ( 
           ... 
        ) 
      }.nestedScroll({ scrollForward: NestedScrollMode.SELF_FIRST, scrollBackward: NestedScrollMode.PARENT_FIRST }) 
    } 
  } 
 
  @Component export struct ListB {     
  build() { 
    Column() { 
      List() { 
        LazyForEach 
        ( 
           ... 
        ) 
      }.nestedScroll({ scrollForward: NestedScrollMode.PARENT_FIRST, scrollBackward: NestedScrollMode.SELF_FIRST }) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-06-05 19:54:47
相关问题
LazyForEach加载原理是什么
2177浏览 • 1回复 待解决
使用LazyForEach加载列表相关问题
876浏览 • 1回复 待解决
鸿蒙支持两个SPP server吗??? 20
1598浏览 • 1回复 待解决
HarmonyOS 列表展示list加载问题
633浏览 • 1回复 待解决
HarmonyOS 如何比较两个日期大小?
296浏览 • 1回复 待解决
开源书籍推荐,大家一起来学习下啊
5790浏览 • 1回复 待解决
如何判断判断两个日期是否是同
432浏览 • 1回复 待解决
如何让Swiper在屏中显示两个Item?
1150浏览 • 1回复 待解决
ArkTS开发如何比较两个string是否致 ?
6333浏览 • 3回复 待解决
判断两个日期是同周内日期。
543浏览 • 1回复 待解决
list 如何使用 lazyforeach
280浏览 • 1回复 待解决