HarmonyOS 鸿蒙Next中使用Navigation组件实现页面导航时出现空白区域问题的咨询

HarmonyOS 鸿蒙Next中使用Navigation组件实现页面导航时出现空白区域问题的咨询 以下界面是添加在tab上的，运行显示 Navigation 下面有空白区域，list可以滑动上去，请问一下，怎么在Navigation正常显示下，去除空白区域

Navigation() {
  Row() {
    List({ scroller: this.listScroller }) {
      ForEach(this.dataArr, (item: ApplicationMenuModel) => {
        ListItem() {
          Text(item.name)
            .fontSize(15)
            .height(50)
            .width('100%')
            .textAlign(TextAlign.Center)
            .backgroundColor(this.selectTitle.localeCompare(item.menuName) ? 0xF5F8FB : 0xFFFFFF)
            .borderRadius({ topLeft: 25, bottomLeft: 25 })
        }
        .onClick(() => {
          this.isClick = true
          this.clickListScrollerIndex(item)
        })
      })
    }
    .width('30%')
    .height('100%')
    .id('leftList')

    List({ scroller: this.gridScroll }) {
      ForEach(this.dataArr, (item: ApplicationMenuModel) => {
        ListItem() {
          ModuleItemListTitle({
            dataArr: item.menuList,
            title: item.name,
            rowCount: 3,
            clickCallback: (cube: CubeModule) => {
              this.clickListScrollerIndex(cube)
            }
          })
          .margin(10)
          .width('100%')
        }
      })
    }
    .alignRules({
      right: { anchor: '__container__', align: HorizontalAlign.End },
      left: { anchor: 'leftList', align: HorizontalAlign.End }
    })
    .height('100%')
    .layoutWeight(2)
    .backgroundColor(0xFFFFFF)
    .onScrollIndex((firstIndex: number) => {
      this.scrollerListIndex(firstIndex)
    })
    .onScrollStop(() => {
      this.isClick = false
    })
  }
  .backgroundColor(Color.Red)
}
.menus(this.ProduceNavigation)