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)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.