> 文档中心 > 【鸿蒙应用开发高手之路】08_自适应布局之折行能力

【鸿蒙应用开发高手之路】08_自适应布局之折行能力

所谓折行能力,指的是:当父容器的尺寸发生变化时,如果主轴方向的尺寸不足以容纳当前行的子组件,那么就通过自动换行的方式将多余的子组件显示在下一行。

@Entry@Componentstruct Wrap {  private images: Resource[] = [    $r('app.media.1'),    $r('app.media.2'),    $r('app.media.3'),    $r('app.media.4'),    $r('app.media.5'),    $r('app.media.6'),    $r('app.media.7'),    $r('app.media.8'),    $r('app.media.9')]  build() {    Flex({ wrap: FlexWrap.Wrap }) {      ForEach(this.images, (item) => { Image(item)   .width(160)   .height(120)   .margin(20)      })    }  }}