FlexBuilder class
Flex 建造者 - 只负责Flex布局属性，不包含视觉样式
A builder class for creating flex layouts (Row/Column) with Tailwind CSS-like utility methods. Handles flex direction, alignment, gap, wrap, and other flex-related properties.
Example:
FlexBuilder([
Text('Item 1'),
Text('Item 2'),
Text('Item 3'),
])
.flexRow()
.justifyCenter()
.itemsCenter()
.gap(16)
.build()
- Available extensions
Constructors
-
FlexBuilder(List<
Widget> children) -
Creates a FlexBuilder with the given list of
children.
Properties
Methods
-
asContainer(
) → ContainerBuilder - 转换为ContainerBuilder，添加视觉样式
-
build(
) → Widget - 构建Flex组件 - 只负责布局，不含视觉样式
-
divideColor(
Color color) → FlexBuilder - divide-{color} -> 设置分隔线颜色（通过 divideX 或 divideY 的 color 参数）
-
divideDashed(
) → FlexBuilder - divide-dashed -> 虚线分隔线（Flutter 中暂不支持，使用实线代替）
-
divideDotted(
) → FlexBuilder - divide-dotted -> 点线分隔线（Flutter 中暂不支持，使用实线代替）
-
divideNone(
) → FlexBuilder - divide-none -> 移除分隔线
-
divideSolid(
) → FlexBuilder - divide-solid -> 实线分隔线（默认）
-
divideWidth(
double width) → FlexBuilder - divide-{width} -> 设置分隔线宽度（通过 divideX 或 divideY 的 width 参数）
-
divideX(
{Color? color, double? width, BorderStyle? style}) → FlexBuilder - divide-x -> 在水平方向的子元素之间添加垂直分隔线
-
divideXReverse(
) → FlexBuilder - divide-x-reverse -> 反转水平方向的分隔线顺序
-
divideY(
{Color? color, double? width, BorderStyle? style}) → FlexBuilder - divide-y -> 在垂直方向的子元素之间添加水平分隔线
-
divideYReverse(
) → FlexBuilder - divide-y-reverse -> 反转垂直方向的分隔线顺序
-
flexCol(
) → FlexBuilder -
flexGrow(
) → FlexBuilder -
flexNowrap(
) → FlexBuilder - flex-nowrap -> 不允许子元素换行（使用 Row/Column）
-
flexRow(
) → FlexBuilder -
flexShrink(
) → FlexBuilder -
flexWrap(
) → FlexBuilder - flex-wrap -> 允许子元素换行（使用 Wrap widget）
-
gap(
double gap) → FlexBuilder -
gap1(
) → FlexBuilder -
gap10(
) → FlexBuilder -
gap12(
) → FlexBuilder -
gap16(
) → FlexBuilder -
gap2(
) → FlexBuilder -
gap20(
) → FlexBuilder -
gap24(
) → FlexBuilder -
gap3(
) → FlexBuilder -
gap32(
) → FlexBuilder -
gap4(
) → FlexBuilder -
gap5(
) → FlexBuilder -
gap6(
) → FlexBuilder -
gap8(
) → FlexBuilder -
itemsBaseline(
) → FlexBuilder -
itemsCenter(
) → FlexBuilder -
itemsEnd(
) → FlexBuilder -
itemsStart(
) → FlexBuilder -
itemsStretch(
) → FlexBuilder -
justifyAround(
) → FlexBuilder -
justifyBetween(
) → FlexBuilder -
justifyCenter(
) → FlexBuilder -
justifyEnd(
) → FlexBuilder -
justifyEvenly(
) → FlexBuilder -
justifyStart(
) → FlexBuilder -
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
onTap(
VoidCallback? onTap) → Widget -
Available on FlexBuilder, provided by the FlexBuilderInteraction extension
添加点击事件，自动构建 Flex 并包装 GestureDetector -
spaceX(
double size) → FlexBuilder - space-x-{size} -> 在水平方向的子元素之间添加间距（等同于 gap）
-
spaceX0(
) → FlexBuilder -
spaceX1(
) → FlexBuilder -
spaceX10(
) → FlexBuilder -
spaceX12(
) → FlexBuilder -
spaceX16(
) → FlexBuilder -
spaceX2(
) → FlexBuilder -
spaceX20(
) → FlexBuilder -
spaceX24(
) → FlexBuilder -
spaceX3(
) → FlexBuilder -
spaceX32(
) → FlexBuilder -
spaceX4(
) → FlexBuilder -
spaceX5(
) → FlexBuilder -
spaceX6(
) → FlexBuilder -
spaceX8(
) → FlexBuilder -
spaceXReverse(
) → FlexBuilder - space-x-reverse -> 反转水平方向的间距顺序
-
spaceY(
double size) → FlexBuilder - space-y-{size} -> 在垂直方向的子元素之间添加间距（等同于 gap）
-
spaceY0(
) → FlexBuilder -
spaceY1(
) → FlexBuilder -
spaceY10(
) → FlexBuilder -
spaceY12(
) → FlexBuilder -
spaceY16(
) → FlexBuilder -
spaceY2(
) → FlexBuilder -
spaceY20(
) → FlexBuilder -
spaceY24(
) → FlexBuilder -
spaceY3(
) → FlexBuilder -
spaceY32(
) → FlexBuilder -
spaceY4(
) → FlexBuilder -
spaceY5(
) → FlexBuilder -
spaceY6(
) → FlexBuilder -
spaceY8(
) → FlexBuilder -
spaceYReverse(
) → FlexBuilder - space-y-reverse -> 反转垂直方向的间距顺序
-
toString(
) → String -
A string representation of this object.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited