HarmonyOS Scroll内部嵌套纵向的Grid如何把内容全部展开

// xxx.ets 
@Entry 
@Component 
struct Page { 
  @State numbers1: String[] = ['0', '1', '2', '3', '4','0', '1', '2', '3', '4'] 
 
  build() { 
      Scroll() { 
        Column() { 
          Text("常用功能") 
          Grid() { 
            ForEach(this.numbers1, (text: string) => { 
              GridItem() { 
                Column() { 
                  Image($r("app.media.app_icon")) 
                    .width(60) 
                    .height(60) 
                    .margin({top : 10}) 
                  Text(text) 
                    .fontColor(Color.Black) 
                    .fontSize(12) 
                    .margin({top:5,bottom:10}) 
                    .height(20) 
                } 
              }.width("25%") 
              .aspectRatio(0.8) 
              .onAreaChange((oldValue: Area, newValue: Area) => { 
                console.info(`Ace: on area change, oldValue is ${JSON.stringify(oldValue)}`) 
                //获取组件的尺寸 
                console.info(`Ace: newValue is ${JSON.stringify(newValue)} `) 
              }) 
            }) 
          } 
          // 设置列与列的间距。 
          .columnsGap(1) 
          //设置行与行的间距。 
          .rowsGap(1) 
          .width("100%") 
          .layoutDirection(GridDirection.Column) 
          .columnsTemplate("1fr 1fr 1fr 1fr") 
          .margin({ left: 14, right: 14 }) 
        }.width('100%').margin({ top: 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.