HarmonyOS 鸿蒙 arkts 自定义组件插槽

HarmonyOS 鸿蒙 arkts中自定义组件中要传入其他组件的时候就可以使用自定义组件插槽

Container组件添加 child 属性后，表示该组件具备了额外添加子组件的能力，接下来在需要添加子组件的地方使用 child 属性做占位即可。

自定义组件

@Component
export struct Container {
  @BuilderParam child: () => {}
  title: string

  build() {
    Column() {
      Text(this.title).fontSize(18).fontColor(Color.White)
      this.child() // 在这里插入额外的子组件
    }.width(100)
    .height(100)
    .backgroundColor(Color.Red)
  }
}

外部调用

Container({
        title:"标题"
      }){
        Text("这是外部组件1")
        Text("这是外部组件2")
}