HarmonyOS 鸿蒙Next 通过按钮切换tab内容

@Entry
@Component
struct TabsSwitch {
  @State message : string = '当前是'
  @State color: string = '#00ffff'
  @State fontSize: number = 12
  @State @Watch('switch') flag: boolean = false
  private controller: TabsController = new TabsController()

  switch() {
    if (this.flag) {
      this.color = '#ff0000'
      this.fontSize = 20
    } else {
      this.color = '#00ffff'
      this.fontSize = 12
    }
  }

  build() {
    Column() {
      Tabs({ controller: this.controller }) {
        TabContent() {
          Column(){
            Toggle({ type: ToggleType.Switch, isOn: this.flag })
              .selectedColor('#007DFF')
              .switchPointColor('#FFFFFF')
              .onChange((isOn: boolean) => {
                this.flag = isOn
              })

            Row(){
              Text(this.message + `${this.flag}`).fontSize(this.fontSize)
            }.backgroundColor(this.color)

            if (!this.flag){
              this.customBuilderOne()
            } else {
              this.customBuilderTwo()
            }
          }
        }
      }
      .layoutWeight(1)
      .barHeight(0)
      .vertical(false)
      .barMode(BarMode.Scrollable)
    }.width('100%')
  }

  @Builder
  customBuilderOne() {
    Text('这是组件一')
  }

  @Builder
  customBuilderTwo() {
    Text('这是组件二')
  }
}