使用Styles装饰器，编译报错.stateStyles doesn't conform standard

【问题描述】

使用@Styles装饰器，编译报错.stateStyles doesn't conform standard.如下图：

![]()

代码

@Entry
@Component
struct FancyUse {
  @State heightValue: number = 100
  // 定义在组件内的@Styles封装的样式
  @Styles globalFancy  () {
    .width('100%')
    .height('100%')
    .backgroundColor(Color.Pink)
    .textAlign(TextAlign.Center)
  }

  build() {
    Column({ space: 10 }) {
      // 使用全局的@Styles封装的样式
      Image($r('app.media.100'))
        .globalFancy ()
    }
  }
}

【运行环境】

硬件：rk3568； ROM: 3.2 Beta5； API 9

Styles装饰器内部只支持通用属性，使用了非通用属性作为Style的代码。去掉非通用属性textAlign，或者使用Builder来提取公共组件。

1. @Entry
   
2. @Component
   
3. struct FancyUse {
   
4. 
   
5.   @Builder MyImage(){
   
6.   Image($r('app.media.100'))
   
7.     .width('100%')
   
8.     .height('100%')
   
9.     .backgroundColor(Color.Pink)
   
10.     .objectFit(ImageFit.Contain)
    
11.   }
    
12.   build() {
    
13.     Column({ space: 10 }) {
    
14.       // 使用全局的@Styles封装的样式
    
15.       this.MyImage()
    
16.     }
    
17.   }
    
18. }
    

复制代码