#鸿蒙通关秘籍#结合@Styles在HarmonyOS NEXT中如何抽取通用属性和事件？

HarmonyOS NEXT中，使用@Styles可以抽取通用属性和事件，这在需要设置重复属性时非常有用。

@Styles function textStyle() {
    .backgroundColor('#eee')
    .width('100%')
    .onClick(() => {
      AlertDialog.show({
        message: '点击触发'
      })
    })
}
@Entry
@Component
struct Index {
  build() {
    Column(){
      Text('1111')
        .textStyle()
        .textAlign(TextAlign.Center)
      Text('2222')
        .textStyle()
        .textAlign(TextAlign.Center)
    }
  }
}

这种方式只能抽取CommonAttribute类型的属性，不能接收参数，但可以极大优化代码的可读性和复用性。