HarmonyOS Navigation中，动态设置mode未达到期望效果

参考示例Demo：

@Entry
@Component
struct Index {
  @State active: boolean = false
  text =
    "默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多默认设备屏幕尺寸较小，采用multiton启动模式不仅无法给用户提供便利，反而可能消耗更多"
  @State leftTag: number = 4
  @State flag: boolean = false
  build() {
    Column() {
      Button('close SideBar')
        .onClick(() => {
          animateTo({ duration: 5300 }, () => {
            this.leftTag = 8
          })
        })

      GridRow({ columns: { sm: 8 } }) {
        GridCol({ span: { sm: this.leftTag } }) {
          Column() {
            Text(this.text).width("100%")
              .renderFit(RenderFit.RESIZE_FILL)
          }.backgroundColor(Color.Red).width("100%").height("100%")
        }

        if (this.leftTag === 4) {
          GridCol({
            span: { sm: 4 },
          }) {
            Column() {
              Text(this.text).width("100%")
            }.backgroundColor(Color.Green).width("100%").height("100%")
          }
          .transition(
            TransitionEffect.asymmetric(
              // 出现动画
              TransitionEffect.IDENTITY
              // 消失动画
              , TransitionEffect.translate({ x: 200, y: 0 }).animation({ duration: 5300 })
            )
          )
        }
      }
      .height('100%')
    }
  }
}
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.