定义
网格容器,由“行”和“列”分割的单元格所组成,通过指定“项目”所在的单元格做出各种各样的布局。
子组件
仅支持GridItem子组件。
接口
Grid(scroller?: Scroller, layoutOptions?: GridLayoutOptions)
参数:
| 参数名 | 参数类型 | 必填 | 参数描述 |
|---|---|---|---|
| scroller | Scroller | 否 | 可滚动组件的控制器。用于与可滚动组件进行绑定。**说明:**不允许和其他滚动类组件,如:List、Grid、Scroll等绑定同一个滚动控制对象。 |
| layoutOptions10+ | GridLayoutOptions | 否 | 滚动Grid布局选项。 |
重要属性
columnsTemplate
设置当前网格布局列的数量或最小列宽值,不设置时默认1列。
比如:设置等比例4列
.columnsTemplate('1fr 1fr 1fr 1fr')
rowsGap
rowsGap(value: Length)
设置行与行的间距。设置为小于0的值时,按默认值显示。 参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| value | Length | 是 | 行与行的间距。默认值:0 |