使用自定义函数创建一个UI组

使用自定义函数创建一个UI组

HarmonyOS
2024-08-05 14:23:58
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
单花红丝线

可以使用`@Builder`装饰器,亦称“自定义构建函数”,其允许在所属组件的`build`方法以及其他自定义构建函数内部进行调用,以确保组件内部逻辑的一致性和可维护性。然而,请注意,此自定义构建函数的设计初衷并非允许在组件外部进行调用,以避免潜在的逻辑错误和不一致性。以下是一段可供参考的示例代码:

// xxx.ets
class ABuilderParam {
  paramA1: string = '';
}

@Builder
function ABuilder($$: ABuilderParam) {
  Row() {
    Text(`UseStateVarByReference: ${$$.paramA1} `)
  }
}

@Entry
@Component
struct Parent {
  @State label: string = 'Hello';

  build() {
    Column({ space: 20 }) {
      Text(`Parent`)
在Parent组件中调用ABuilder的时候,将this.label引用传递给ABuilder
      ABuilder({ paramA1: this.label })
      Button('Click me').onClick(() => {
点击“Click me”后,UI从“Hello”刷新为“ArkUI”
        this.label = 'ArkUI';
      })
    }
    .width('100%')
    .alignItems(HorizontalAlign.Center)
  }
}
分享
微博
QQ
微信
回复
2024-08-05 19:32:06
相关问题
如何在自定义函数创建一个UI组件
1976浏览 • 1回复 待解决
HarmonyOS 实现一个自定义分类列表
531浏览 • 1回复 待解决
如何实现一个自定义询问框
603浏览 • 1回复 待解决
实现一个自定义动画,出现丢帧问题
527浏览 • 1回复 待解决
怎样实现一个自定义播放器?
549浏览 • 1回复 待解决
HarmonyOS 多一个自定义的tabs冲突
288浏览 • 1回复 待解决
如何快速开发出一个自定义弹窗?
528浏览 • 1回复 待解决
如何实现一个自定义样式的toast提示
2144浏览 • 1回复 待解决
如何封装一个自定义Dialog对话框
2428浏览 • 1回复 待解决