HarmonyOS 鸿蒙Next List组件显示不全

先看看布局

build() {
  Column() {
    TitleComponent({ title: this.title })
    Row() {
      this.TabBuilder(1, ‘点赞’);
      this.TabBuilder(2, ‘收藏’)
    }.backgroundColor(Color.White)
    //tab list
    List() {
      ForEach(this.tabs, (item: InteractionTabBean) => {
        ListItem() {
          InteractionTabItemComponent({
            tabData: item, name: this.clickTabName
          }).onClick(() => {
            this.clickTabName = item.name
          })
        }.onAreaChange((oldArea: Area, newArea: Area) => {//根据内容自适应高度
          if (this.maxItemHeight < newArea.height) {
            this.maxItemHeight = newArea.height as number
          }
        })
      }, (item: InteractionTabBean) => JSON.stringify(item))
    }
    .width(‘100%’)
    .height(this.maxItemHeight == -1 ? undefined : this.maxItemHeight+10)//根据内容自适应高度
    .margin({ top: 10 })
    .scrollBar(BarState.Off)
    .listDirection(Axis.Horizontal)
    Row(){

    }
    //列表
    List() {
      ForEach(this.lists, (item: InteractionListBean) => {
        ListItem() {
          InteractionItemComponent({
            itemData: item
          }).onClick(() => {
            this.clickTabName = item.name
          })
        }
      }, (item: InteractionTabBean) => JSON.stringify(item))
    }
    .scrollBar(BarState.Off)
    .divider({strokeWidth:10,color:$r(‘app.color.co_F5F6F9’)})//分割线
    .margin({left:12,right:12,bottom:10})
    .backgroundColor($r(‘app.color.co_F5F6F9’))
    .listDirection(Axis.Vertical)
  }
  .backgroundColor($r(‘app.color.co_F6F6FB’))
  .height(‘100%’)
}

最后的List列表居然显示不全，设置高度‘100%’也不行，这不应该啊，正常应该我上拉到底，数据显示全的，结果我全部拉上来显示，放开就回弹下去