ArkUI组件——循环控制/List

循环控制

class Item{name: stringprice:number}private items:Array<Item> = [new Item("A0",2399),new Item("BE",1999),new Item("Ro",2799)]
ForEach(this.items,(item:Item) => {})

List组件

列表List是一种复杂的容器，具备下列特点：

特点

1.列表项ListItem数量过多超出屏幕后，会自动提供滚动功能

2.列表项ListItem既可以纵向排列，也可以横向排列

格式

List({space:number}){ForEach(items,item =>{ListItem(){//列表内容，只能包含一个组件}
})
}
.width()
.listDirection(Axis.xxx)

参数解析

space

在列表中space参数调整的是列表项之间的距离

特殊属性设置函数解析

.listDirection()

该函数用于设定列表方向，其中需要的参数为Axis枚举，通Row和Column一样，Vertical代表纵向排列，Horizontal代表横向排列