使用List组件实现多列布局

```ets
// xxx.ets
@Entry
@Component
struct ListExample {
@State arr: string[] = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
build() {
Column() {
List() {
ForEach(this.arr, (item: string) => {
ListItem() {
Row() {
Text(item)
.fontColor(Color.Red)
.fontSize(40)
}
}
.width('100%')
.border({
width: 1,
color: Color.Black,
radius: 5
})
})
}
.lanes(3) // 设置List组件在交叉轴上按三列布局
.alignListItem(ListItemAlign.Center) // 设置列表项的对齐方式为居中
}
.padding({ top: 30 }) // 设置Column组件的顶部内边距
}
}
```