使用自定义函数创建一个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组件
1556浏览 • 1回复 待解决
如何实现一个自定义询问框
131浏览 • 1回复 待解决
如何快速开发出一个自定义弹窗?
125浏览 • 1回复 待解决
怎样实现一个自定义播放器?
121浏览 • 1回复 待解决
实现一个自定义动画,出现丢帧问题
161浏览 • 1回复 待解决
如何封装一个自定义Dialog对话框
1861浏览 • 1回复 待解决
如何实现一个自定义样式的toast提示
1609浏览 • 1回复 待解决
如何在全局实现一个自定义dialog弹窗
2450浏览 • 1回复 待解决
Ark UI是否如何使用自定义字体
3026浏览 • 1回复 待解决
如何添加一个自定义的代码文件夹
79浏览 • 1回复 待解决
Tabs组件自定义导航栏UI问题
586浏览 • 1回复 待解决
如何创建一个window?
101浏览 • 1回复 待解决