鸿蒙HarmonyOS开发中的知识：Waterflow组件

背景

当我们浏览购物应用时，比如某宝，某书，会发现浏览的布局都是错落有致的，如图：

这个对应HarmonyOS应用开发就需要我们用到WaterFlow组件，本篇我们就此组件进行介绍。

WaterFlow组件介绍

1，WaterFlow是容器组件，内部分裂成行和列形式，通过容器自身的排列规则，将不同大小的“项目”自上而下，如瀑布般紧密布局。

该组件从API Version 9开始支持。官方doc地址：https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-container-waterflow-0000001582933637-V3

简单解读

• 接口

  WaterFlow(options?: {footer?: CustomBuilder, scroller?: Scroller})
  

  参数名	参数类型	必填	参数描述
  footer	CustomBuilder	否	设置WaterFlow尾部组件。
  scroller	Scroller	否	可滚动组件的控制器，与可滚动组件绑定。目前瀑布流仅支持Scroller组件的scrollToIndex接口。

• 属性

  名称	参数类型	描述
  columnsTemplate	string	设置当前瀑布流组件布局列的数量，不设置时默认1列。例如, ‘1fr 1fr 2fr’ 是将父组件分3列，将父组件允许的宽分为4等份，第一列占1份，第二列占1份，第三列占2份。并支持auto-fill。默认值：‘1fr’
  rowsTemplate	string	设置当前瀑布流组件布局行的数量，不设置时默认1行。例如, '1fr 1fr 2fr’是将父组件分三行，将父组件允许的高分为4等份，第一行占1份，第二行占一份，第三行占2份。并支持