鸿蒙系统的ArkTS语言如何支持自定义属性和属性监听器？

Question

鸿蒙系统的ArkTS语言如何支持自定义属性和属性监听器？
本文参与了【 HarmonyOS NEXT 技术问答冲榜，等你来战！】，欢迎正在阅读的你也加入。

Answer 1

在 ArkTS 中，可以通过定义自定义组件并在组件结构中添加自定义属性来实现。

@Component
struct CustomComponent {
  // 定义自定义属性
  @Prop color: string = '#FFFFFF';

  build() {
    Text('Hello')
     .style({ color: this.color });
  }
}

二、属性监听器
可以使用 onChange 方法来监听属性的变化。

@Component
struct CustomComponent {
  @Prop color: string = '#FFFFFF';

  build() {
    Text('Hello')
     .style({ color: this.color })
     .onChange((newValue, oldValue) => {
        console.log(`Color changed from ${oldValue} to ${newValue}`);
      });
  }
}

本文参与了【 HarmonyOS NEXT 技术问答冲榜，等你来战！】，欢迎正在阅读的你也加入。