ListBuilder
列表构造器,仅支持作为 <scroll-view type="custom">
模式的直接子节点,仅 Skyline 支持。
支持情况:
类型
ComponentType<ListBuilderProps>
ListBuilderProps
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
type | "static" or "dynamic" | "aligned"<br /><br />可选值:<br />- static: 定高模式,所有列表项等高,需要传入 child-height<br />- dynamic: 不定高模式 | 是 | 布局方式 |
list | any[] | [] | 是 | 需要用于渲染的列表 |
childCount | number | 否 | 完整列表的长度,如果不传则取 list 的长度作为其值 | |
childHeight | number | 否 | 列表项的高度,当 type 为 static 时必须传入 | |
padding | [number, number, number, number] | [0, 0, 0, 0] | 否 | 长度为 4 的数组,按 top、right、bottom、left 顺序指定内边距 |
onItemBuild | CommonEventFunction | 否 | 列表项创建时触发,event.detail = {index},index 即被创建的列表项序号 | |
onItemDispose | CommonEventFunction | 否 | 列表项回收时触发,event.detail = {index},index 即被回收的列表项序号 |
API 支持度
API | 微信小程序 | H5 | React Native | Harmony |
---|---|---|---|---|
ListBuilderProps.type | ✔️ | |||
ListBuilderProps.list | ✔️ | |||
ListBuilderProps.childCount | ✔️ | |||
ListBuilderProps.childHeight | ✔️ | |||
ListBuilderProps.padding | ✔️ | |||
ListBuilderProps.onItemBuild | ✔️ | |||
ListBuilderProps.onItemDispose | ✔️ |