HarmonyOS Scroll容器内部嵌套2个Waterflow组件，滑动条嵌套设置不生效

将两个WaterFlow的高度设置自适应,如

WaterFlow() {}
.height("auto")

示例代码如下:

WaterFlow() {
  LazyForEach(this.dataSource1, (item: number) => {
    FlowItem() {
      Column() {
        Text("N0000" + item).fontSize(12).height('16')
        Image('res/waterFlowTest(' + item % 5 + ').jpg')
          .objectFit(ImageFit.Fill)
          .width('100%')
          .layoutWeight(1)
      }
    }
    /* .onAppear(() => {
    // 即将触底时提前增加数据
    *//*if (item + 20 == this.dataSource.totalCount()) {
for (let i = 0; i < 100; i++) {
this.dataSource.addLastItem()
}
}*//*
})*/
    .width('100%')
    .height(this.itemHeightArray[item % 100])
    .backgroundColor(this.colors[item % 5])
  }, (item: string) => item)
}
.columnsTemplate("1fr 1fr")
.columnsGap(10)
.rowsGap(5)
.backgroundColor(0xFAEEE0)

.width('100%')
.height("auto")

设置高度自适应后无需设置

nestedScroll({
  scrollForward: NestedScrollMode.PARENT_FIRST,
  scrollBackward: NestedScrollMode.SELF_FIRST
})

可参考此示例:

https://gitee.com/harmonyos-cases/cases/blob/master/docs/performance/waterflow_optimization.md