#鸿蒙学习大百科#如何实现布局的自适应折行？

@Entry
@Component
struct Index {
  @State imgs:Resource[] = [$r("app.media.app_icon"),$r("app.media.app_icon"),$r("app.media.app_icon"),$r("app.media.app_icon"),$r("app.media.app_icon"),$r("app.media.app_icon")]

  build() {
    Column() {
      Flex({ wrap: FlexWrap.Wrap, direction: FlexDirection.Row }) {
        ForEach(this.imgs,(item:Resource)=>{
          Image(item)
            .width(100)
            .height(80)
            .margin(20)
        })
      }
    }
    .height('100%')
    .width('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.