HarmonyOS animateTo过渡动画问题，内部文字显示异常

示例参考如下：

// 第一步：使用@AnimatableExtend装饰器，自定义可动画属性接口
@AnimatableExtend(Text)
function animatableWidth(width: number) {
  .width(width) // 调用系统属性接口，逐帧回调函数每帧修改可动画属性的值，实现逐帧布局的效果。
}

@Entry
@Component
@Preview
export struct Test240726142703066 {
  @State textWidth: number = 300;
  @State flag: boolean = true;

  private onClick2Animate() {
    animateTo({
      duration: 3000, //动画持续时间，单位为毫秒。
      curve: Curve.Linear, //动画曲线。
      playMode: PlayMode.Normal, //动画播放模式，默认播放完成后重头开始播放。
      onFinish: () => { //动画播放完成回调。
        console.info('play end')
      }
    },
      () => { //指定动效的闭包函数，在闭包函数中导致的状态变化系统会自动插入过渡动画。
        this.textWidth = this.flag ? 50 : 300;
        this.flag = !this.flag
      })
  }

  build() {
    Column() {
      Text("文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案")// .width(this.textWidth)
        .animatableWidth(this.textWidth)// 第二步：将自定义可动画属性接口设置到组件上
        .maxLines(1)
        .textOverflow({ overflow: TextOverflow.Ellipsis })
        .fontSize(18)
        .fontColor("#fff")
        .height(30)
        .backgroundColor("red")
        .padding(5)
        .textAlign(TextAlign.Center)
        .animation({ duration: 2000, curve: Curve.Ease })// 第三步:为自定义可动画属性接口绑定动画
        .onClick(() => {
          // this.onClick2Animate()
          this.textWidth = this.textWidth == 300 ? 50 : 300; // 第四步：改变自定义可动画属性的参数，产生动画
        })
    }
    .width("100%").height("100%").justifyContent(FlexAlign.Center)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.