列表(List)是一种复杂容器,具备下列特点:

  1. 列表项(ListItem)数量过多超出屏幕之后,会自动提供滚动的功能。
  2. 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) // 居中对齐       
        }  
  })  
}

然后列表就可以滑动了

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐