List

Container for rendering lists of items, supporting both vertical and horizontal layouts.

组件展示

First item

Second item

Third item

属性

属性名

类型

必需性

描述

id*

ComponentId

必需

暂无描述

accessibility

AccessibilityAttributes

可选

暂无描述

styles

Styles

可选

Component style properties

weight

number

可选

The relative weight of this component within a Row or Column. This is similar to the CSS 'flex-grow' property. Note: this may ONLY be set when the component is a direct descendant of a Row or Column.

component*

"List"

必需

暂无描述

children*

ComponentId[] | object

必需

暂无描述

direction

"vertical" | "horizontal"

可选

The direction in which the list items are laid out.

可选值: vertical, horizontal

align

"start" | "center" | "end" | "stretch"

可选

Defines the alignment of children along the cross axis.

可选值: start, center, end, stretch

代码示例

{
  "component": "List",
  "id": "list_1",
  "children": {}
}