HarmonyOS鸿蒙Next中tabs组件销毁后其index对应的状态变量会被置为0

HarmonyOS鸿蒙Next中tabs组件销毁后其index对应的状态变量会被置为0

有大佬们知道这个activeIndex最开始是1，下滑改变flag后为啥也会将这个activeIndex变成0呢？只有第一次操作时会这样，实体设备上也会这样

// xxx.ets
@Entry
@Component
struct SwipeGestureExample {
  @State activeIndex: number = 1;
  @State searchFlag: boolean = false;
  private tabsController: TabsController = new TabsController();

  @Builder tabBuilder(selfIndex: number, icon: Resource, name: Resource) {
    Column() {
      Image(icon)
        .width(32)
        .height(32)
        .fillColor(this.activeIndex === selfIndex ? '#c2e99607' : '#ff282323')
      Text(name)
        .fontSize(20)
        .fontColor(this.activeIndex === selfIndex ? '#e9925f06' : '#ff292626')
    }
    .backgroundColor('#ffffff')
    .opacity($r('app.float.common_opacity'))
    .border({ width: 2, color: '#BBBBBB' })
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
    // 点击切换至指定页签
    .onClick(() => {
      this.activeIndex = selfIndex;
    })
  }

  build() {
    Column() {
      if (this.searchFlag) {
        Column()
          .width('100%')
          .height('100%')
          .backgroundColor(Color.Red)
          .gesture(
            PanGesture({ direction: PanDirection.Up })
              .onActionStart(() => {
                this.searchFlag = false
              })
          )
      } else {
        Tabs({ barPosition: BarPosition.End, index: this.activeIndex, controller: this.tabsController }) {
          TabContent() {
            Text('设置')
          }
          .tabBar(this.tabBuilder(0, $r("app.media.ic_collect"), $r('app.string.collect')))

          TabContent() {
            Text('主页')
          }.tabBar(this.tabBuilder(1, $r('app.media.ic_home'), $r('app.string.home')))

          TabContent() {
            Text('设置')
          }
          .tabBar(this.tabBuilder(2, $r('app.media.ic_setting'), $r('app.string.setting')))
        }
        .width('100%')
        .height('100%')
        .barMode(BarMode.Fixed)
        .barHeight($r('app.float.bar_height'))
        .gesture(
          PanGesture({ direction: PanDirection.Down })
            .onActionStart(() => {
              this.searchFlag = true
            })
        )
        .onChange(index => {
          this.activeIndex = index;
        })
      }
    }.width('100%')
  }
}