1、鴻蒙中的list作為可滑動列表功能，初始化方式是

List({space: 10}){ForEach(arr, item => {ListItem() {//列表單個Item組件}})}

其中，List中的space可以設置兩個ListItem組件的間距

List中是一個ForEach，需要注意的是item要返回的是ListItem組件。

2、List滑動方向

List支持豎直方向與水平方向滾動，利用屬性listDirection

.listDirection(Axis.Horizontal) //水平方向滾動的列表.listDirection(Axis.Vertical) //豎直方向滾動的列表

3、layoutWeight實現滑動范圍

如果頁面的List上邊有其他視圖，那么滑動的時候會有部分不能滑動出來。可以利用layoutWeight屬性。這個屬性是用來設置比例的默認為0。如果其他的視圖不設置，然后設置了List為1，那么就表示List是占用其他視圖剩下的所有區域。

     List({space: 10}) {ForEach(this.items,(item: Item) => {ListItem() {Row({ space: 3 }) {Image(item.image).width(this.imageWidth).height(80).padding({ left: 20 }).borderRadius(5)Text('￥' + item.price).fontSize(17).textAlign(TextAlign.Start).fontColor("#FF0000").height(30).width(200)}.height(130).backgroundColor('#FFFFFF').borderRadius(20)}.width('100%')})}.width('100%').layoutWeight(1).listDirection(Axis.Vertical)