Arkts ForEach循环使用

ForEach循环数组对象时 要指定对象的唯一标识 例如 id,否则只会显示第一个

@State tabsList: object[] = [
    { name: '砍价活动', id: 1, icon: 'https://php-b2c.likeshop.cn/uploads/images/2022062414322367e6a5479.png' },
    { name: '拼团活动', id: 2, icon: 'https://php-b2c.likeshop.cn/uploads/images/20220624143223798a31616.png' },
    { name: '限时秒杀', id: 3, icon: 'https://php-b2c.likeshop.cn/uploads/images/202206241432233bf9e9321.png' },
    { name: '热销榜单', id: 4, icon: 'https://php-b2c.likeshop.cn/uploads/images/20220624143223839e33279.png' },
  ]
      Grid() {
        ForEach(this.tabsList, (item: any) => {
          GridItem() {
            Column() {
              Image(item.icon)
                .width(30)
                .height(30)
              Text(item.name)
                .margin({ top: 10 })
                .fontSize(12)
            }
          }
          // 必须加上对象的唯一标识  例如 id
        }, item => item.id)
      }
      .columnsTemplate('1fr 1fr 1fr 1fr 1fr')
      .rowsTemplate('1fr 1fr')
      .columnsGap(10)
      .rowsGap(10)
      .backgroundColor(0xFAEEE0)
      .height(200)
      .borderRadius(10)
      .margin({ top: 10 })
      .padding(10)

 

posted @   多见多闻  阅读(275)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示