HarmonyOS鸿蒙Next中新手提问关于stateStyles中的focused的焦点问题

HarmonyOS鸿蒙Next中新手提问关于stateStyles中的focused的焦点问题 stateStyles中的focused 为什么焦点动态颜色不会显示 代码没有任何问题

@Entry
@Component
struct ExtendPage {
  @State message: string = 'Hello World';
  @State isFocusable: boolean = false;
  @State isdisable: boolean =false

  build() {



      Column() {

        Text("修改焦点的文本")
          .onClick(() => {
            this.isFocusable = !this.isFocusable;
            console.info('当前焦点状态:'+ this.isFocusable);
          })
        Text("是否可用的状态")
          .onClick(() => {
            this.isdisable = !this.isdisable;
            console.info('当前是否可用状态:'+ this.isdisable);
          })
          .padding(16)
        Text(this.message)

          .fontSize(30)
          .fontWeight(FontWeight.Bold)
          .focusable(this.isFocusable)
          .enabled(this.isdisable)
          .focusOnTouch(true) // 确保设置了focusOnTouch为true
          .fontColor(Color.White)
          .textAlign(TextAlign.Center)

          .stateStyles({
            pressed: {
              .backgroundColor(Color.Orange)
            },
            normal: {
              .backgroundColor(Color.Blue)
            },
            focused: {
              .backgroundColor(Color.Pink)
            },
            disabled: {
              .backgroundColor(Color.Gray)
            }
          })


      }
      .width('100%')

    .height('100%')
  }
}


@Styles
function hack() {
  .width(200)
  .height(100)
}

@Extend(Text)
function test(color: string, cd: () => void) {
  .fontColor(color)
  .backgroundColor(Color.Pink)

  .fontWeight(50)
  .onClick(() => {
    cd()
  })
}