HarmonyOS 页面滑动，通过provide提供的数据，会报错提示找不到

import { WaterFlowDataSource } from './WaterFlowDataSource'  
  
@Component  
struct WaterFlowComponent {  
  @Consume dataSource: WaterFlowDataSource;  
  @Consume itemWidthArray: number[];  
  @Consume itemHeightArray: number[];  
  @Consume colors: number[]  
  
  build() {  
    WaterFlow() {  
      LazyForEach(this.dataSource, (item: number) => {  
        FlowItem() {  
          Column() {  
            Text("N" + item).fontSize(12).height('16')  
            Image($r('app.media.testImage'))  
              .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('100%')  
    .onReachStart(() => {  
      console.info('waterFlow reach start')  
    })  
    .onScrollStart(() => {  
      console.info('waterFlow scroll start')  
    })  
    .onScrollStop(() => {  
      console.info('waterFlow scroll stop')  
    })  
    .onScrollFrameBegin((offset: number, state: ScrollState) => {  
      console.info('waterFlow scrollFrameBegin offset: ' + offset + ' state: ' + state.toString())  
      return { offsetRemain: offset }  
    })  
  }  
}  
  
@Entry  
@Component  
struct WaterFlowTest {  
  @State minSize: number = 80  
  @State maxSize: number = 180  
  @State fontSize: number = 24  
  @Provide colors: number[] = [0xFFC0CB, 0xDA70D6, 0x6B8E23, 0x6A5ACD, 0x00FFFF, 0x00FF7F]  
  scroller: Scroller = new Scroller()  
  @Provide dataSource: WaterFlowDataSource = new WaterFlowDataSource()  
  @Provide itemWidthArray: number[] = []  
  @Provide itemHeightArray: number[] = []  
  // 计算FlowItem宽/高  
  getSize() {  
    let ret = Math.floor(Math.random() * this.maxSize)  
    return (ret > this.minSize ? ret : this.minSize)  
  }  
  
  // 设置FlowItem的宽/高数组  
  setItemSizeArray() {  
    for (let i = 0; i < 100; i++) {  
      this.itemWidthArray.push(this.getSize())  
      this.itemHeightArray.push(this.getSize())  
    }  
  }  
  
  aboutToAppear() {  
    this.setItemSizeArray()  
  }  
  
  @Builder  
  itemFoot() {  
    Column() {  
      Text(`Footer`)  
        .fontSize(10)  
        .backgroundColor(Color.Red)  
        .width(50)  
        .height(50)  
        .align(Alignment.Center)  
        .margin({ top: 2 })  
    }  
  }  
  
  build() {  
    Column({ space: 2 }) {  
      WaterFlowComponent()  
    }  
  }  
}
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.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.