ArkTS中Grid,WaterFlow嵌套到Scroll组件中高度无限高问题

参考如下示例:

@Entry
@Component
struct GridAndWaterFlowDemo {
  build() {
    Tabs() {
      TabContent() {
        Scroll() {
          Column({ space: 12 }) {
            GirdComp()
            WaterFlowComp()
          }
        }.height('100%')
      }.tabBar('Index').backgroundColor('#ccc').width('100%')
    }.barPosition(BarPosition.End)
  }
}

@Component
struct GirdComp {
  @State data1: string[] = ['1', '1', '1', '1',]
  build() {
    Grid() {
      ForEach(this.data1, (item: string) => {
        GridItem().width('50%').height(100).backgroundColor('#33ff00ff')
      })
    }
    .minCount(2)
    .maxCount(2)
    .rowsGap(10)
    .columnsGap(10)
    .backgroundColor('#ffc4d4a5')
  }
}
@Component
struct WaterFlowComp {
  @State data1: string[] = new Array(50).fill(0)
  build() {
    WaterFlow() {
      ForEach(this.data1, (item: number) => {
        FlowItem().height(100).width('100%').backgroundColor('#ffb80c0c')
      })
    }.columnsTemplate("1fr 1fr")
    .columnsGap(10)
    .rowsGap(5)
  }
}