HarmonyOS 鸿蒙Next 转场动画结束回调问题

HarmonyOS 鸿蒙Next 转场动画结束回调问题

新增的转场动画回调，TransitionFinishCallback，发现这个回调之后，之前的转场动画就没有了，为什么？

@Component
@Entry
export struct VipWebViewHalf {
  private url = '替换自己的url';
  headerHeight = 40
  closeIconWH = 16
  @State isPresent: boolean = true;
  animationDuration: number = 200;

  build() {
    NavDestination() {
      if (this.isPresent) {
        Stack() {
          Column() {
            Row() {
              Text('正在使用以下会员权益')
                .fontSize(18)
                .fontWeight(FontWeight.Bold)
                .fontColor('#191919')

              Image($r('app.media.vip_pop_close'))
                .width(this.closeIconWH)
                .height(this.closeIconWH)
                .position({ left: 16, top: (this.headerHeight - this.closeIconWH) / 2 })
                .onClick(() => {
                  this.isPresent = false;
                  /// 动画完成之后，再POP
                  setTimeout(() => {
                    RouterModule.pop(RouterNameConstants.ENTRY_HAP);
                  }, this.animationDuration + 50)
                })
            }
            .height(this.headerHeight)
            .backgroundColor('#ffffff')
            .width('100%')
            .borderRadius({ topLeft: 12, topRight: 12 })
            .justifyContent(FlexAlign.Center)

            VipWebView({ loadUrl: this.url })
              .layoutWeight(1)

            Blank().height(40)
              .backgroundColor('#ffffff')
          }
          .height('80%')
        }
        .transition(TransitionEffect.translate({ y: 1000 })
          .animation({ curve: Curve.LinearOutSlowIn, duration: this.animationDuration }),
          /// 去掉这个回调，有动画效果；加上回调，就没有动画效果了，为什么？
        //   (transitionIn) => {
        //   console.info("transition finish, transitionIn:" + transitionIn);
        // }
        )
        .align(Alignment.BottomEnd)
        .height('100%')
      }
    }
    .backgroundColor('#2f000000')
    .hideTitleBar(true)
    .mode(NavDestinationMode.DIALOG)
  }
}