HarmonyOS 鸿蒙Next 当刷新组件和嵌套列表一起使用时，刷新交互有问题

list组件在小于一屏的时候是会让手势失效，

可给WaterFlow组件添加属性 .edgeEffect(EdgeEffect.None)

@Entry
@Component
struct Index {

  @State private refreshing: boolean = false

  private scroller: Scroller = new Scroller()

  private headerList: number[] = [0, 1, 2, 3, 4, 5]

  private waterFlowList: number[] = [0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5,0, 1, 2, 3, 4, 5]

  build() {
    Column() {

      Refresh({ refreshing: $$this.refreshing, builder: this.renderRefresh() }) {

        this.customList()

      }
      .onStateChange(state => {
        if (state !== RefreshStatus.Refresh) {
          return
        }
        setTimeout(() => {
          this.refreshing = false
        }, 3000)
      }
    }
    .height('100%')
    .width('100%')
  }

  /**
   * 自定义下拉刷新样式
   */
  @Builder
  renderRefresh() {
    Image($r('app.media.ic_refresh_loading'))
      .width(64)
      .height(64)
  }

  @Builder
  private customList() {
    List() {
      ListItemGroup({ header: this.salesHomeTitle() }) {
        ForEach(this.headerList, (item: number) => {
          ListItem() {
            Row() {
              Text(`第${item}行数据`)
                .fontSize(30)
                .fontWeight(60)
            }
            .width('100%')
            .height(100)
          }
        })
        ListItem() {
          this.getWaterFlow()
        }
      }
    }
    .edgeEffect(EdgeEffect.Spring)
    .sticky(StickyStyle.Header)
    .scrollBar(BarState.Off)
    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
  }

  @Builder
  salesHomeTitle() {
    Row({ space: 10 }) {
      Text('标题区域')
    }
    .width('100%')
    .justifyContent(FlexAlign.Center)
    .alignItems(VerticalAlign.Center)
    .backgroundColor(Color.White)
    .height(100)
  }

  @Builder getWaterFlow() {
    WaterFlow() {
      ForEach(this.waterFlowList, (item: number, index: number) => {
        FlowItem() {
          Row() {
            Text(`WaterFlow第${item}个数据`)
          }
          .height(index % 2 == 0 ? 100 : 80)
        }
      }
    }
    .layoutWeight(1)
    .edgeEffect(EdgeEffect.None)
    .padding({ left: 10, right: 10 })
    .columnsTemplate('1fr 1fr')
    .width('100%')
    .height('100%')
    .nestedScroll({ scrollForward: NestedScrollMode.PARENT_FIRST, scrollBackward: NestedScrollMode.SELF_FIRST })
  }
}