#鸿蒙通关秘籍#在鸿蒙 NEXT 中如何使用全局 @Builder 方法来定义可复用的 UI 结构？

全局 @Builder 方法可以在鸿蒙 NEXT 中定义可复用的 UI 结构，适用于需要在全应用范围内使用的场景。以下是全局 @Builder 方法的示例：

@Builder function globalButtonBuilder(icon: Resource, text: string, callback: () => void) {
  Button() {
    Row({ space: 10 }) {
      Image(icon).width(25).height(25);
      Text(text).fontColor(Color.White).fontSize(25);
    }
  }.width(120).height(50).onClick(callback);
}

@Entry
@Component
struct BuilderPage {
  build() {
    Column() {
      Row({ space: 50 }) {
        globalButtonBuilder($r('app.media.icon_edit'), '编辑', () => console.log('编辑'));
        globalButtonBuilder($r('app.media.icon_send'), '发送', () => console.log('发送'));
      }
    }.width('100%').height('100%').justifyContent(FlexAlign.Center);
  }
}