#鸿蒙通关秘籍#如何在HarmonyOS NEXT中使用@Builder自定义构建函数以封装结构？

通过@Builder在HarmonyOS NEXT中可以自定义构建函数，将需要复用的结构、样式和事件进行封装，提升代码复用性。

import text from '@ohos.graphics.text'

@Builder function TextItem(text: string){
  Text(text)
    .fontSize(18)
    .fontColor(Color.Red)
    .backgroundColor('#ccc')
    .lineHeight(30)
    .width('100%')
    .textAlign(TextAlign.Center)
    .onClick(()=>{
      AlertDialog.show({
        message: text
      })
    })
}
@Entry
@Component
struct Index {
  build() {
    Column(){
      TextItem('111')
      TextItem('222')
      TextItem('333')
    }
  }
}

以这种方式，可以方便地重复使用相同的组件结构和行为，改善代码的可维护性。