列表(List)是一种复杂容器,具备下列特点:
- 列表项(ListItem)数量过多超出屏幕之后,会自动提供滚动的功能。
- List除了支持竖向排列,还支持横向排列
语法:
List({space:10}){ // space :列表间的间距
ForEach([1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17],()=>{
ListItem(){ // ListItem内只包含一个根组件
Row() { // 但是可以嵌套
Column(){
Text('hello')
}
.alignItems(HorizontalAlign.Center)
}
.width(360)
.justifyContent(FlexAlign.Center)
.alignItems(VerticalAlign.Center) // 居中对齐
}
})
}
然后列表就可以滑动了