HarmonyOS 鸿蒙Next ComponentV2组件下 在promise.then中使用animateTo动画后没有过渡动画

我分别使用了@ComponentV2和Component对官方的动画做修改

在@ComponentV2中使用Promise.then的回调中使用动画没有过度效果  直接执行到了最终态

在@Component中使用Promise.then的回调中使用动画是正常的

如下

@ComponentV2
export struct RefreshPullView {
@Local widthSize: number = 250
@Local heightSize: number = 100
@Local rotateAngle: number = 0
private flag: boolean = true

build() {
Column() {
  Button('stop rotating')
    .margin(50)
    .rotate({
      x: 0,
      y: 0,
      z: 1,
      angle: this.rotateAngle
    })
    .onAppear(() => {
      new Promise<string>((resolve, reject) => {

        resolve('刷新失败');
      }).then(() => {
        // 组件出现时开始做动画
        // 建议使用this.getUIContext()?.animateTo()
        animateTo({
          duration: 1200,
          curve: Curve.Friction,
          delay: 500,
          iterations: -1, // 设置-1表示动画无限循环
          playMode: PlayMode.Alternate,
          expectedFrameRateRange: {
            min: 10,
            max: 120,
            expected: 60,
          }
        }, () => {
          this.rotateAngle = 90
        })
      })


    })
    .onClick(() => {
      // 建议使用this.getUIContext()?.animateTo()
      animateTo({ duration: 0 }, () => {
        // this.rotateAngle之前为90，在duration为0的动画中修改属性，可以停止该属性之前的动画，按新设置的属性显示
        this.rotateAngle = 0
      })
    })
}.width('100%').margin({ top: 5 })
}
}

@Component如下

@Component
export struct RefreshPullView {
@State widthSize: number = 250
@State heightSize: number = 100
@State rotateAngle: number = 0
private flag: boolean = true

build() {
Column() {
  Button('stop rotating')
    .margin(50)
    .rotate({
      x: 0,
      y: 0,
      z: 1,
      angle: this.rotateAngle
    })
    .onAppear(() => {
      new Promise<string>((resolve, reject) => {

        resolve('刷新失败');
      }).then(() => {
        // 组件出现时开始做动画
        // 建议使用this.getUIContext()?.animateTo()
        animateTo({
          duration: 1200,
          curve: Curve.Friction,
          delay: 500,
          iterations: -1, // 设置-1表示动画无限循环
          playMode: PlayMode.Alternate,
          expectedFrameRateRange: {
            min: 10,
            max: 120,
            expected: 60,
          }
        }, () => {
          this.rotateAngle = 90
        })
      })


    })
    .onClick(() => {
      // 建议使用this.getUIContext()?.animateTo()
      animateTo({ duration: 0 }, () => {
        // this.rotateAngle之前为90，在duration为0的动画中修改属性，可以停止该属性之前的动画，按新设置的属性显示
        this.rotateAngle = 0
      })
    })
}.width('100%').margin({ top: 5 })
}
}

我用的是@ComponentV2
并且用uiContext调用animateTo也是没有效果

uiContext: UIContext | undefined = undefined;

aboutToAppear() {
this.uiContext = this.getUIContext();
}