class Item{ name: string price:number } private items:Array- = [ new Item("A0",2399), new Item("BE",1999), new Item("Ro",2799) ] ForEach( this.items, (item:Item) => {})
列表List是一种复杂的容器,具备下列特点:
1.列表项ListItem数量过多超出屏幕后,会自动提供滚动功能
2.列表项ListItem既可以纵向排列,也可以横向排列
List({space:number}){ ForEach(items,item =>{ ListItem(){ //列表内容,只能包含一个组件 } }) } .width() .listDirection(Axis.xxx)
在列表中space参数调整的是列表项之间的距离
该函数用于设定列表方向,其中需要的参数为Axis枚举,通Row和Column一样,Vertical代表纵向排列,Horizontal代表横向排列