HarmonyOS 鸿蒙Next tabs自定义用法

通过在tabContent中设置根元素高度为100%，来解决这个问题，见以下demo

[@Entry](/user/Entry)
[@Component](/user/Component)
struct TabsExample {
 [@State](/user/State) fontColor: string = '#182431'
 [@State](/user/State) selectedFontColor: string = '#007DFF'
 [@State](/user/State) currentIndex: number = 0
 private controller: TabsController = new TabsController()
 [@Builder](/user/Builder) tabBuilder(index: number, name: string) {
   Column() {
     Text(name)
       .fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor)
       .fontSize(16)
       .fontWeight(this.currentIndex === index ? 500 : 400)
       .lineHeight(22)
       .margin({ top: 17, bottom: 7 })
     Divider()
       .strokeWidth(2)
       .color('#007DFF')
       .opacity(this.currentIndex === index ? 1 : 0)
   }.width('100%')
 }
 build() {
   Column() {
     Tabs({ barPosition: BarPosition.End, index: this.currentIndex, controller: this.controller }) {
       TabContent() {
         Column(){
           Text('green')
           Text('green')
           Text('green')
         }.width('100%').height('100%').backgroundColor('#00CB87')
       }.tabBar(this.tabBuilder(0, 'green'))
       TabContent() {
         Column(){
           Text('blue')
           Text('blue')
           Text('blue')
         }.width('100%').height('100%').backgroundColor('#007DFF')
       }.tabBar(this.tabBuilder(1, 'blue'))
     }
     .vertical(false)
     .barMode(BarMode.Fixed)
     .barWidth(360)
     .barHeight(56)
     .onChange((index: number) => {
       this.currentIndex = index
     })
     .width('100%')
     .height('100%')
     .margin({ top: 0 })
     .backgroundColor('#F1F3F5')
   }.width('100%') .height('100%')
 }
}