#鸿蒙通关秘籍#如何在鸿蒙NEXT组件中通过@Styles装饰器访问状态变量

通过在组件内部定义@Styles方法，可以使用组件中的状态变量，并在样式内使用事件处理器动态调整样式。例如，使用this访问组件状态变量的值，在事件如onClick中修改状态，以实现动态样式变化。

@Component
struct MyComponent {
  @State heightValue: number = 100
  
  @Styles myStyle() {
    .height(this.heightValue)
    .backgroundColor(Color.Yellow)
    .onClick(() => {
      this.heightValue = 200
    })
  }

  build() {
    Column() {
      Text('点击改变高度').myStyle()
    }
  }
}