GridContainer:纵向排布栅格布局容器,仅在栅格布局场景中使用
GridContainer(options?: { columns?: number | ‘auto’, sizeType?: SizeType, gutter?: Length, margin?: Length})
columns:设置当前布局总列数。
sizeType:选用设备宽度类型(SizeType,默认Auto)
SizeType枚举类:
XS:最小宽度类型设备
SM:小宽度类型设备
MD:中等宽度类型设备
LG:大宽度类型设备
Auto:根据设备类型进行选择
gutter:栅格布局列间距
margin:栅格布局两侧间距
效果如图:
代码:
@Entry
@Component
struct GridContainerT {
@State sizeType: SizeType = SizeType.XS
build() {
Column({ space: 5 }) {
GridContainer({ columns: 7, sizeType: th