本文展示了一个使用ArkUI框架编写的简单组件示例。该组件名为a，包含一个People类的数组ps，用于存储多个人的信息，包括图片、姓名和电话号码。在build方法中，通过Row和Column布局，使用List和ForEach循环遍历ps数组，生成一个包含图片、姓名和电话号码的列表项。每个列表项通过Row布局，使用Image和Text组件展示信息，并通过justifyContent设置对齐方式。该组件展示了如何在ArkUI中动态生成列表并展示数据。
@Entry
@Component
struct a {
  @State ps:People[]=[
    {picture:$r('app.media.3'),name:"小明",phone:1111111},
    {picture:$r('app.media.2'),name:"小王",phone:2222222},
    {picture:$r('app.media.1'),name:"小赵",phone:3333333},
    {picture:$r('app.media.a1'),name:"小孙",phone:4444444}
  ]
  build() {
    Row(){
      Column(){
        List({space:10}){
          ForEach(this.ps,(item:People,index:number)=>{
            ListItem(){
              Row(){
                Image(item.picture).width(50)
                Text(item.name)
                Text(item.phone+"")
              }.width('100%').justifyContent(FlexAlign.SpaceBetween)
            }
          })
        }
      }.height('100%')
    }.width('100%')
  }
}
class People{
  picture:Resource=$r('app.media.a1')
  name:string="小明"
  phone:number=1
}