ArkUI组件——循环控制/List

循环控制

class Item{     name: string     price: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代表横向排列