Tabs

通过页签进行内容视图切换的容器组件，每个页签对应一个内容视图。

子组件

不支持自定义组件作为子组件， 仅可包含子组件TabContent， 以及渲染控制类型if/else和ForEach, 并且if/else和ForEach下也仅支持TabContent, 不支持自定义组件。

接口

Tabs(value?: {barPosition?: BarPosition, index?: number, controller?: TabsController})

参数：

详细属性参阅官方文档

Tabs

自定义tabBar

@Builder tabBuilder(index: number, name: string ,selectIcon:Resource,unselectIcon:Resource,border_radius_left:number,border_radius_right:number) {
    Column() {
      Column() {
        Image(this.currentIndex === index ? selectIcon: unselectIcon)
          .width(28)
          .height(26)
        Text(name)
          .fontSize(16)
          .fontColor(this.currentIndex ===  index ? "#BEFF33" : "#9C9C9C")
      }.width('100%').height('100%').margin({top:5})

    }.width('100%').height('100%')
    .backgroundColor('#000000')
    .borderRadius({topLeft:border_radius_left,topRight:border_radius_right,bottomLeft:border_radius_left,bottomRight:border_radius_right})
    .margin({left:border_radius_left,right:border_radius_right})
  }

效果展示