列表组件示例

展示 A2UI 列表相关组件的使用方法。

List 列表

{"List": {
  "direction": "vertical",
  "template": "item_template"
}}

Column 垂直布局

{"Column": {
  "children": {"explicitList": ["item1", "item2", "item3"]},
  "distribution": "start",
  "alignment": "stretch"
}}

Row 水平布局

{"Row": {
  "children": {"explicitList": ["left", "right"]},
  "distribution": "spaceBetween"
}}

完整列表示例

查看 Canvas 页面的"列表示例"获取完整代码。

前往 Canvas