【鸿蒙应用开发高手之路】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) }) } }}