GridBuilder class
Grid 建造者 - 负责Grid布局属性
A builder class for creating grid layouts with Tailwind CSS-like utility methods. Handles grid columns, rows, gap, alignment, and item positioning.
Example:
GridBuilder([
Text('Item 1'),
Text('Item 2'),
Text('Item 3'),
])
.gridCols3()
.gap(16)
.justifyItemsCenter()
.build()
- Available extensions
Constructors
-
GridBuilder(List<
Widget> children) -
Creates a GridBuilder with the given list of
children.
Properties
Methods
-
alignItemsCenter(
) → GridBuilder -
alignItemsEnd(
) → GridBuilder -
alignItemsStart(
) → GridBuilder -
alignItemsStretch(
) → GridBuilder -
asContainer(
) → ContainerBuilder - 转换为ContainerBuilder，添加视觉样式
-
autoCols(
double width) → GridBuilder - 设置自定义自动列宽
-
autoColsAuto(
) → GridBuilder - 设置自动列宽为auto
-
autoColsFr(
) → GridBuilder - 设置自动列宽为fr
-
autoColsMax(
) → GridBuilder - 设置自动列宽为max
-
autoColsMin(
) → GridBuilder - 设置自动列宽为min
-
autoRows(
double height) → GridBuilder - 设置自定义自动行高
-
autoRowsAuto(
) → GridBuilder - 设置自动行高为auto
-
autoRowsFr(
) → GridBuilder - 设置自动行高为fr
-
autoRowsMax(
) → GridBuilder - 设置自动行高为max
-
autoRowsMin(
) → GridBuilder - 设置自动行高为min
-
build(
) → Widget - 构建Grid组件
-
contentCenter(
) → GridBuilder -
contentEnd(
) → GridBuilder -
contentStart(
) → GridBuilder -
contentStretch(
) → GridBuilder -
gap(
double gap) → GridBuilder - 设置grid间距
-
gap0(
) → GridBuilder -
gap1(
) → GridBuilder -
gap10(
) → GridBuilder -
gap12(
) → GridBuilder -
gap16(
) → GridBuilder -
gap2(
) → GridBuilder -
gap20(
) → GridBuilder -
gap24(
) → GridBuilder -
gap3(
) → GridBuilder -
gap32(
) → GridBuilder -
gap4(
) → GridBuilder -
gap5(
) → GridBuilder -
gap6(
) → GridBuilder -
gap8(
) → GridBuilder -
gapX(
double gap) → GridBuilder - 设置grid列间距
-
gapX0(
) → GridBuilder -
gapX1(
) → GridBuilder -
gapX2(
) → GridBuilder -
gapX3(
) → GridBuilder -
gapX4(
) → GridBuilder -
gapX5(
) → GridBuilder -
gapX6(
) → GridBuilder -
gapX8(
) → GridBuilder -
gapY(
double gap) → GridBuilder - 设置grid行间距
-
gapY0(
) → GridBuilder -
gapY1(
) → GridBuilder -
gapY2(
) → GridBuilder -
gapY3(
) → GridBuilder -
gapY4(
) → GridBuilder -
gapY5(
) → GridBuilder -
gapY6(
) → GridBuilder -
gapY8(
) → GridBuilder -
gridCols(
int columns) → GridBuilder - 设置自定义grid列数
-
gridCols1(
) → GridBuilder - 设置grid列数 - grid-cols-1 到 grid-cols-12
-
gridCols10(
) → GridBuilder -
gridCols11(
) → GridBuilder -
gridCols12(
) → GridBuilder -
gridCols2(
) → GridBuilder -
gridCols3(
) → GridBuilder -
gridCols4(
) → GridBuilder -
gridCols5(
) → GridBuilder -
gridCols6(
) → GridBuilder -
gridCols7(
) → GridBuilder -
gridCols8(
) → GridBuilder -
gridCols9(
) → GridBuilder -
gridColsNone(
) → GridBuilder - 设置grid列为none
-
gridColsSubgrid(
) → GridBuilder - 设置grid列为subgrid
-
gridFlowCol(
) → GridBuilder - 设置grid自动流向为列
-
gridFlowColDense(
) → GridBuilder - 设置grid自动流向为列密集
-
gridFlowRow(
) → GridBuilder - 设置grid自动流向为行
-
gridFlowRowDense(
) → GridBuilder - 设置grid自动流向为行密集
-
gridRows(
int rows) → GridBuilder - 设置自定义grid行数
-
gridRows1(
) → GridBuilder - 设置grid行数 - grid-rows-1 到 grid-rows-12
-
gridRows10(
) → GridBuilder -
gridRows11(
) → GridBuilder -
gridRows12(
) → GridBuilder -
gridRows2(
) → GridBuilder -
gridRows3(
) → GridBuilder -
gridRows4(
) → GridBuilder -
gridRows5(
) → GridBuilder -
gridRows6(
) → GridBuilder -
gridRows7(
) → GridBuilder -
gridRows8(
) → GridBuilder -
gridRows9(
) → GridBuilder -
gridRowsNone(
) → GridBuilder - 设置grid行为none
-
gridRowsSubgrid(
) → GridBuilder - 设置grid行为subgrid
-
gridTemplateColumns(
String template) → GridBuilder - 设置自定义grid模板列
-
gridTemplateRows(
String template) → GridBuilder - 设置自定义grid模板行
-
justifyAround(
) → GridBuilder -
justifyBetween(
) → GridBuilder -
justifyCenter(
) → GridBuilder -
justifyEnd(
) → GridBuilder -
justifyEvenly(
) → GridBuilder -
justifyItemsCenter(
) → GridBuilder -
justifyItemsEnd(
) → GridBuilder -
justifyItemsStart(
) → GridBuilder -
justifyItemsStretch(
) → GridBuilder -
justifyStart(
) → GridBuilder -
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
onTap(
VoidCallback? onTap) → Widget -
Available on GridBuilder, provided by the GridBuilderInteraction extension
添加点击事件，自动构建 Grid 并包装 GestureDetector -
placeContentAround(
) → GridBuilder -
placeContentBetween(
) → GridBuilder -
placeContentCenter(
) → GridBuilder -
placeContentEnd(
) → GridBuilder -
placeContentEvenly(
) → GridBuilder -
placeContentStart(
) → GridBuilder -
placeContentStretch(
) → GridBuilder -
placeItemsCenter(
) → GridBuilder -
placeItemsEnd(
) → GridBuilder -
placeItemsStart(
) → GridBuilder -
placeItemsStretch(
) → GridBuilder -
toString(
) → String -
A string representation of this object.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited