鸿蒙开发之ArkUI 界面篇二十八 ForEach

codes23457789

于 2024-10-10 14:45:47 发布

阅读量83

点赞数 4

文章标签：鸿蒙ForEach 鸿蒙数组取值鸿蒙ForEach实战鸿蒙实战鸿蒙ForEach使用鸿蒙ForEach技巧鸿蒙遍历数组

本文链接：https://blog.csdn.net/renfujiang/article/details/142821053

版权

ForEach语法格式如下：

ForEach(数组名字,(Item，index) =>{item要做的事情})

实现下图效果：

代码如下：

@Entry
@Component
struct IndexTest {
  @State titles:string[] = [
    '学鸿蒙',
    '赢取白富美',
    '走向人生巅峰',
    '影音娱乐',
    '海外旅游'
  ]

  build() {
    Column() {

      ForEach(this.titles,(item:string,index:number)=>{
        Text(`${index + 1} ${item}`)
          .fontSize(25)
          .fontWeight(888)
          .fontColor(Color.Red)
          .padding(25)
          .width('100%')

      })
      // ForEach(this.titles, (item: string, index: number) => {
      //   Text(`${index + 1} ${item}`)
      //     .fontSize(24)
      //     .fontWeight(700)
      //     .fontColor(Color.Orange)
      //     .padding(15)
      //     .width('100%')
      // })
    }
  }
}

总结：鸿蒙的ForEach提供来遍历数组，其参数就是数组，返回数组的Item和Index，相当于for循环的每一项，然后处理也是item每一项的处理