HarmonyOS 鸿蒙Next Tabs 控件 底部显示不全

Scroll(this.scroller)的高度设百分比，和上面的相加为100%即可，可参考DEMO：

[@Entry](/user/Entry)
[@Component](/user/Component)
struct newPage {
 [@State](/user/State) fontColor: string = '#182431'
 [@State](/user/State) selectedFontColor: string = '#007DFF'
 [@State](/user/State) currentIndex: number = 0
 private controller: TabsController = new TabsController()
 scroller: Scroller = new Scroller()
 private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]

 [@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() {

           Row() {

             Text('首页').align(Alignment.Center)

           }
           .justifyContent(FlexAlign.Center)

           .height('10%') //上面的设10%

           .width('100%')

           .padding({ left: 10, right: 10 })

           .backgroundColor(Color.Green)

           Scroll(this.scroller) {

             Column() {

               ForEach(this.arr, (item: number) => {

                 Text(item.toString())

                   .width('90%')

                   .height(150)

                   .backgroundColor(0xFFFFFF)

                   .borderRadius(15)

                   .fontSize(16)

                   .textAlign(TextAlign.Center)

                   .margin({ top: 10 })

               }, (item: string) => item)

             }.width('100%')

           }.height('90%') //Scroll设90%

           .scrollable(ScrollDirection.Vertical) // 滚动方向纵向

           .friction(0.6)

           .edgeEffect(EdgeEffect.None)

         }

       }

       .tabBar(this.tabBuilder(0, 'green'))

       TabContent() {

         Column().width('100%').height('100%').backgroundColor('#007DFF')

       }.tabBar(this.tabBuilder(1, 'blue'))

     }
     .vertical(false)

     .barMode(BarMode.Fixed)

     .barWidth(360)

     .barHeight(56)

     .animationDuration(400)

     .onChange((index: number) => {

       this.currentIndex = index

     })

     .width('100%')

     .height('100%')

     .backgroundColor('#F1F3F5')

   }.width('100%').height('100%')

 }
}