Grid组件的使用

86 阅读1分钟

定义

网格容器,由“行”和“列”分割的单元格所组成,通过指定“项目”所在的单元格做出各种各样的布局。

子组件

仅支持GridItem子组件。

接口

Grid(scroller?: Scroller, layoutOptions?: GridLayoutOptions)

参数:

参数名参数类型必填参数描述
scrollerScroller可滚动组件的控制器。用于与可滚动组件进行绑定。**说明:**不允许和其他滚动类组件,如:ListGridScroll等绑定同一个滚动控制对象。
layoutOptions10+GridLayoutOptions滚动Grid布局选项。

重要属性

columnsTemplate

设置当前网格布局列的数量或最小列宽值,不设置时默认1列。

比如:设置等比例4列

.columnsTemplate('1fr 1fr 1fr 1fr')
rowsGap

rowsGap(value: Length)

设置行与行的间距。设置为小于0的值时,按默认值显示。 参数:

参数名类型必填说明
valueLength行与行的间距。默认值:0