鸿蒙ArkUI开发:常用布局【 创建列表(List)】

电子说

1.2w人已加入

描述

创建列表(List)

  1. 列表容器是为了高效处理长列表的容器,能支持横向、竖向滚动,数据分组,分组头悬浮等功能
  2. 列表容器内的所有子元素必须是[ListItemGroup]或[ListItem],我们实际的内容是在这俩容器内部的
  3. 创建列表子元素一般使用[ForEach]或者[LazyForEach]来减少开发量
  4. 开发前请熟悉鸿蒙开发指导文档:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

List、ListItemGroup和ListItem组件关系

鸿蒙

鸿蒙

`HarmonyOS与OpenHarmony鸿蒙文档籽料:mau123789是v直接拿`

typescript
复制代码
List() {
    ListItem() {
    }
    ListItem() {
    }
    ListItemGroup() {
    }
    LazyForEach(this.dataSource, item = > {
        ListItem() {
            ...
        }
    })
}
// 设置垂直方向
.listDirection(Axis.Vertical)
// 粘性header
.sticky(StickyStyle.Header)
// 两列
.lanes(2)

审核编辑 黄宇

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分