#鸿蒙通关秘籍#如何设置WaterFlow组件的布局方向和间距？

设置WaterFlow组件布局方向和间距：

1. 利用columnsTemplate和rowsTemplate属性，分别定义组件中列和行的数量及其占比。
2. 使用layoutDirection决定组件的主轴方向，可以是垂直或水平。
3. 设置columnsGap和rowsGap属性以定义列与列、行与行之间的间距。

javascript WaterFlow({ columnsTemplate: "1fr 1fr 1fr", rowsTemplate: "1fr 1fr", layoutDirection: FlexDirection.Column, columnsGap: 10, rowsGap: 5 })

• FlexDirection.Column：设置为纵向布局。
• FlexDirection.Row：水平布局。