HarmonyOS 鸿蒙Next @Style有办法遍历赋值吗

HarmonyOS 鸿蒙Next @Style有办法遍历赋值吗比如我有多个Rect想按顺序使用clip裁剪，如果明确知道的情况下貌似是可以一直.clip的

但是如果我是一个数组里多个Rect（Rect不能直接创建，其实是相关参数），有没有办法循环赋值呢？我试了ForEach貌似只支持创建子组件不支持.clip这种形式

eggper 1楼

凑合看一下吧，感觉缺少点优雅

@Entry
@Componentstruct Index {
  @State clipData: any[] = [
    new Rect({ radius: 20, width: 50, height: 100 }),
    new Rect({ radius: 10, width: 100, height: 50 })
  ]

  build() {
    Column() {
      ClipComp({ data: this.clipData }) {
        Shape().width(100).height(100).backgroundColor(Color.Blue)
      }
    }.backgroundColor(Color.Red)
  }
}

@Componentstruct ClipComp {
  @Prop data: any[]
  @BuilderParam child: () => void

  build() {
    Stack() {
      if (this.data.length == 1) {
        this.child()
      } else {
        ClipComp({ data: this.data.slice(1) }) {
          this.child()
        }
      }
    }.clip(this.data[0])
  }
}

更多关于HarmonyOS 鸿蒙Next @Style有办法遍历赋值吗的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html