harmonyOS自定义组件构造函数 解决写在组件中 其他页面不能重用问题

之前我们讲过 自定义组件函数

但是 因为它写在了根组件内部 其他page是用不了它的

我们可以直接这样写

@Entry
@Component
struct Index {

  build() {
    Row() {
      Column() {
        imist("第一个组件接到值了");
        imist("第二个组件也接到啦");
        imist("我这边也OK");
      }
      .width('100%')
    }
    .height('100%')
  }
}

@Builder function imist(content:string) {
  Row() {
    Image($r('app.media.img'))
      .width(20)
      .height(20)
      .margin(15)
    Text(content)
      .fontColor(Color.White)
  }
  .backgroundColor(Color.Blue)
  .borderRadius(25)
  .margin({
    top: 15
  })
  .width("80%")
}

这里 我们直接 在Builder 后面加一个function
函数就可以写到外面来了

你可能感兴趣的:(harmonyos,鸿蒙,华为)