HarmonyOS 如何实现上面是内容下面是tabBar

需要在tabContent外面套一层scroll可以向下滚动查看或者参考示例：

class TabBar {
  title: string
  index: number
  normalIcon: Resource
  selectIcon: Resource

  constructor(title: string, index: number, normalIcon: Resource, selectIcon: Resource) {
    this.title = title
    this.index = index
    this.normalIcon = normalIcon
    this.selectIcon = selectIcon
  }
}

@Entry
@Component
struct TabsPage {
  @State currentIndex: number = 0; // 当前tab值
  private tabsController: TabsController = new TabsController();
  private tabBars: TabBar[] = [
    new TabBar('首页', 0, $r('app.media.app_icon'), $r('app.media.app_icon')),
    new TabBar('推荐', 1, $r('app.media.app_icon'), $r('app.media.app_icon')),
    new TabBar('我的', 2, $r('app.media.app_icon'), $r('app.media.app_icon')),

  ]

  // 自定义tabs组件
  @Builder
  TabBuilder() {
    Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.SpaceAround, alignItems: ItemAlign.Center }) {
      ForEach(this.tabBars, (item: TabBar) => {
        Column() {
          Stack() {
            Column() {
              Image(this.currentIndex === item.index ? item.selectIcon : item.normalIcon)
                .size({ width: 25, height: 25 })
              Text(item.title)
                .fontColor(this.currentIndex === item.index ? '#000' : '#999')
                .fontSize(12)
            }
            .width(60)
            .onClick(() => {
              // 更新被选中的tabBar下标
              this.currentIndex = item.index;
            })
          }
        }
      })
    }.height(60)
  }

  build() {
    Column() {
      Tabs({ barPosition: BarPosition.End, index: this.currentIndex, controller: this.tabsController }) {
        TabContent() {
          Column() {
          }
          .width('100%')
          .backgroundColor(Color.Gray)
        }

        TabContent() {
          Column() {
          }
          .width('100%')
          .backgroundColor(Color.Red)
        }

        TabContent() {
          Column() {
          }
          .width('100%')
          .backgroundColor(Color.Blue)
        }
      }.backgroundColor(Color.Pink).height('95%')
      this.TabBuilder()
    }.width('100%').height('100%')
  }
}