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

@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%')
  }
}