HarmonyOS 鸿蒙Next @State修饰的number仅用于圆角时，变量改变但UI不刷新

HarmonyOS 鸿蒙Next @State修饰的number仅用于圆角时，变量改变但UI不刷新 代码如下，log输出的imageRadius随滑条实时改变，但UI中的圆角不更新，取消Text的注释，将imageRadius直接显示时，UI正常更新，为什么

.borderRadius(this.imageRadius)无法触发UI更新？求指点

@Entry
@Component
struct Index {
  [@State](/user/State) imageRadius: number = 100
  [@State](/user/State) imageWidth: number = 150

  build() {
    Column() {
      Column() {
        // Text(this.imageRadius.toFixed())
        //   .fontSize(50)
        //   .fontWeight(FontWeight.Bold)
        Image($r('app.media.icon'))
          // Image($rawfile('1.jpg'))
          .width(this.imageWidth)
          .borderRadius(this.imageRadius)
          .interpolation(ImageInterpolation.High)
          .margin(20)
      }.height('50%')
      .justifyContent(FlexAlign.Start)

      TextInput({ placeholder: '10' })
        .width('60%')
        .onChange((value: string) => {
          this.imageRadius = parseInt(value)
        })
      Row() {
        Button("缩小")
          .margin(20)
          .onClick(() => {
            this.imageRadius = 0
          })
        Button("放大")
          .margin(20)
          .onClick(() => {
            this.imageRadius = 50
          })
      }

      Slider({
        min: 0,
        max: 100,
        value: this.imageRadius,
        step: 1,
        style: SliderStyle.OutSet,
        direction: Axis.Horizontal,
        reverse: false
      })
        .width("80%")
        .showTips(true)
        .blockColor('#03E')
        .onChange(value => {
          this.imageRadius = value
          console.log(this.imageRadius.toFixed())
        })

    }
    .width('100%')
  }
}