GridItemWidget class

包装Widget并携带grid item信息的容器

Inheritance
Available extensions

Constructors

GridItemWidget({Key? key, int? colSpan, int? colStart, int? colEnd, int? rowSpan, int? rowStart, int? rowEnd, required Widget child})
const

Properties

child → Widget
final
colEnd → int?
final
colSpan → int?
final
colStart → int?
final
hashCode → int
The hash code for this object.
no setterinherited
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
rowEnd → int?
final
rowSpan → int?
final
rowStart → int?
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited

Methods

asAlign({AlignmentGeometry alignment = Alignment.center, double? widthFactor, double? heightFactor}) → Align

Available on Widget, provided by the WidgetConversionExt extension

转换为 Align,对齐布局
asCard({Color? color, double? elevation, ShapeBorder? shape, bool borderOnForeground = true, EdgeInsetsGeometry? margin, Clip? clipBehavior}) → Card

Available on Widget, provided by the WidgetConversionExt extension

转换为 Card,卡片布局
asCenter({double? widthFactor, double? heightFactor}) → Center

Available on Widget, provided by the WidgetConversionExt extension

转换为 Center,居中布局
asClipRRect({BorderRadius? borderRadius, Clip clipBehavior = Clip.antiAlias}) → ClipRRect

Available on Widget, provided by the WidgetConversionExt extension

转换为 ClipRRect,圆角裁剪
asColumn({MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, MainAxisSize mainAxisSize = MainAxisSize.min, TextDirection? textDirection, VerticalDirection verticalDirection = VerticalDirection.down, TextBaseline? textBaseline}) → Column

Available on Widget, provided by the WidgetConversionExt extension

将单个Widget转换为Column(包装在列表中)
asContainer() → ContainerBuilder

Available on Widget, provided by the WidgetToContainerBuilder extension

将 Widget 转换为 ContainerBuilder,开始样式链式调用 (新的建造者模式)
asContainerBuilder() → ContainerBuilder

Available on Widget, provided by the WidgetToContainerBuilder extension

@deprecated 使用新的建造者模式 asContainer() 替代 将 Widget 转换为 ContainerBuilder,开始样式链式调用
asElevatedButton({required VoidCallback? onPressed, required Widget child}) → Widget

Available on Widget, provided by the ButtonExtensions extension

将Widget转换为ElevatedButton样式(实际使用GestureDetector)
asExpanded({int flex = 1}) → Expanded

Available on Widget, provided by the WidgetConversionExt extension

转换为 Expanded,Flex 扩展
asFlexible({int flex = 1, FlexFit fit = FlexFit.loose}) → Flexible

Available on Widget, provided by the WidgetConversionExt extension

转换为 Flexible,Flex 弹性
asGestureDetector({GestureTapCallback? onTap, GestureTapCallback? onDoubleTap, GestureLongPressCallback? onLongPress, void onPanUpdate(DragUpdateDetails)?, HitTestBehavior? behavior}) → GestureDetector

Available on Widget, provided by the WidgetConversionExt extension

转换为 GestureDetector,手势检测
asHero({required Object tag, CreateRectTween? createRectTween, HeroFlightShuttleBuilder? flightShuttleBuilder, HeroPlaceholderBuilder? placeholderBuilder, bool transitionOnUserGestures = false}) → Hero

Available on Widget, provided by the WidgetConversionExt extension

转换为 Hero,英雄动画
asInkWell({GestureTapCallback? onTap, GestureTapCallback? onDoubleTap, GestureLongPressCallback? onLongPress, Color? splashColor, Color? highlightColor, BorderRadius? borderRadius}) → InkWell

Available on Widget, provided by the WidgetConversionExt extension

转换为 InkWell,墨水井效果
asLegacyContainer({AlignmentGeometry? alignment, EdgeInsetsGeometry? padding, Color? color, Decoration? decoration, Decoration? foregroundDecoration, double? width, double? height, BoxConstraints? constraints, EdgeInsetsGeometry? margin, Matrix4? transform, AlignmentGeometry? transformAlignment, Clip clipBehavior = Clip.none}) → Container

Available on Widget, provided by the WidgetConversionExt extension

转换为 Container,最基础的容器转换 @deprecated 使用新的建造者模式 asContainer() 替代 旧版本的 asContainer 方法,已弃用
asOutlinedButton({required VoidCallback? onPressed, required Widget child}) → Widget

Available on Widget, provided by the ButtonExtensions extension

将Widget转换为OutlinedButton样式(实际使用GestureDetector)
asPadding(EdgeInsetsGeometry padding) → Padding

Available on Widget, provided by the WidgetConversionExt extension

转换为 Padding,内边距
asPositioned({double? left, double? top, double? right, double? bottom, double? width, double? height}) → Positioned

Available on Widget, provided by the WidgetConversionExt extension

转换为 Positioned,Stack 定位
asRow({MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, MainAxisSize mainAxisSize = MainAxisSize.min, TextDirection? textDirection, VerticalDirection verticalDirection = VerticalDirection.down, TextBaseline? textBaseline}) → Row

Available on Widget, provided by the WidgetConversionExt extension

将单个Widget转换为Row(包装在列表中)
asScrollable({Axis scrollDirection = Axis.vertical, EdgeInsetsGeometry? padding}) → SingleChildScrollView

Available on Widget, provided by the WidgetConversionExt extension

转换为 ScrollView,更简洁的调用 注意:如果需要链式调用 overflow 方法,请使用 ScrollBuilder.asScrollView()
asScrollView() → ScrollBuilder

Available on Widget, provided by the WidgetToScrollBuilder extension

将 Widget 转换为 ScrollBuilder,开始 overflow 样式链式调用
asSizedBox({double? width, double? height}) → SizedBox

Available on Widget, provided by the WidgetConversionExt extension

转换为 SizedBox,固定尺寸盒子
asTextButton({required VoidCallback? onPressed, required Widget child}) → Widget

Available on Widget, provided by the ButtonExtensions extension

将Widget转换为TextButton样式(实际使用GestureDetector)
bg(Color color) → Container

Available on Widget, provided by the WidgetConversionExt extension

设置背景色 - 简化调用
boxDecoration({Color? color, DecorationImage? image, Border? border, BorderRadius? borderRadius, List<BoxShadow>? boxShadow, Gradient? gradient, BlendMode? backgroundBlendMode, BoxShape shape = BoxShape.rectangle}) → Container

Available on Widget, provided by the WidgetConversionExt extension

设置复杂的 BoxDecoration,支持链式调用
build(BuildContext context) → Widget
Describes the part of the user interface represented by this widget.
override
colEnd(int end) → GridItemWidget

Available on Widget, provided by the WidgetGridExtension extension

设置grid列结束位置
colSpan(int span) → GridItemWidget

Available on Widget, provided by the WidgetGridExtension extension

设置grid列跨度
colStart(int start) → GridItemWidget

Available on Widget, provided by the WidgetGridExtension extension

设置grid列开始位置
conditionalBorderRadius({bool topLeft = false, bool topRight = false, bool bottomLeft = false, bool bottomRight = false, double radius = 12.0}) → Container

Available on Widget, provided by the WidgetConversionExt extension

条件圆角 - 可控制每个角
createElement() → StatelessElement
Creates a StatelessElement to manage this widget's location in the tree.
inherited
cursor(MouseCursor cursor) → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-{type} - 设置鼠标光标样式(仅 Web 平台)
cursorDefault() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-default - 默认光标
cursorGrab() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-grab - 抓取光标
cursorGrabbing() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-grabbing - 抓取中光标
cursorHelp() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-help - 帮助光标
cursorMove() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-move - 移动光标
cursorNotAllowed() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-not-allowed - 禁止光标
cursorPointer() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-pointer - 指针光标
cursorText() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-text - 文本光标
cursorWait() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

cursor-wait - 等待光标
dark(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

dark: - 深色模式 ⚠️ 部分支持:通过 Theme 实现
debugDescribeChildren() → List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
disabled() → Widget

Available on Widget, provided by the WidgetStateExtensions extension

disabled: - 禁用状态 ✅ 支持:通过 IgnorePointer 实现
enabled() → Widget

Available on Widget, provided by the WidgetStateExtensions extension

enabled: - 启用状态
gridArea({int? colStart, int? colEnd, int? rowStart, int? rowEnd, int? colSpan, int? rowSpan}) → GridItemWidget

Available on Widget, provided by the WidgetGridExtension extension

设置grid区域
hover({Widget builder(bool isHovered)?}) → Widget

Available on Widget, provided by the WidgetStateExtensions extension

hover: - 鼠标悬停状态(简化版本)
inlineBlock() → Widget

Available on Widget, provided by the WidgetDisplayExtensions extension

inline-block - 内联块布局 ⚠️ 部分支持:通过 IntrinsicWidth/IntrinsicHeight 包装 Container 实现
inlineFlex({Axis direction = Axis.horizontal, MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center}) → Widget

Available on Widget, provided by the WidgetDisplayExtensions extension

inline-flex - 内联弹性布局 ⚠️ 部分支持:通过 IntrinsicWidth/IntrinsicHeight 包装 Row/Column 实现 在 Flutter 中,inline-flex 通过 IntrinsicWidth/IntrinsicHeight 限制尺寸来实现内联效果
inlineGrid({int crossAxisCount = 2, double mainAxisSpacing = 0.0, double crossAxisSpacing = 0.0}) → Widget

Available on Widget, provided by the WidgetDisplayExtensions extension

inline-grid - 内联网格布局 ⚠️ 部分支持:通过 IntrinsicWidth/IntrinsicHeight 包装 Grid 实现 注意:inline-grid 在 Flutter 中通过 IntrinsicWidth 限制尺寸来实现内联效果
landscape(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

landscape: - 横屏方向
lg(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

lg: - 大屏幕断点(1024px)
light(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

light: - 浅色模式
maxLg(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

max-lg: - 最大大屏幕(< 1024px)
maxMd(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

max-md: - 最大中等屏幕(< 768px)
maxSm(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

max-sm: - 最大小屏幕(< 640px)
maxXl(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

max-xl: - 最大超大屏幕(< 1280px)
maxXl2(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

max-2xl: - 最大2倍超大屏幕(< 1536px)
md(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

md: - 中等屏幕断点(768px)
motionReduce(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

motion-reduce: - 减少动画
motionSafe(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

motion-safe: - 支持动画
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
onActive(Widget builder(BuildContext context, bool isActive)) → Widget

Available on Widget, provided by the WidgetStateExtensions extension

active: - 激活状态 ⚠️ 部分支持:通过 GestureDetector 实现
onFocus(Widget builder(BuildContext context, bool isActive)) → Widget

Available on Widget, provided by the WidgetStateExtensions extension

focus: - 焦点状态 ⚠️ 部分支持:通过 FocusNode 实现
onHover(Widget builder(BuildContext context, bool isActive)) → Widget

Available on Widget, provided by the WidgetStateExtensions extension

hover: - 鼠标悬停状态 ⚠️ 部分支持:通过 MouseRegion 实现
onTap(VoidCallback? onTap) → Widget

Available on Widget, provided by the ButtonExtensions extension

将Widget转换为可点击的按钮(使用GestureDetector)
order(int order) → OrderedWidget

Available on Widget, provided by the WidgetOrderExtension extension

设置组件的order值(用于Flex布局排序)
portrait(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

portrait: - 竖屏方向
rowEnd(int end) → GridItemWidget

Available on Widget, provided by the WidgetGridExtension extension

设置grid行结束位置
rowSpan(int span) → GridItemWidget

Available on Widget, provided by the WidgetGridExtension extension

设置grid行跨度
rowStart(int start) → GridItemWidget

Available on Widget, provided by the WidgetGridExtension extension

设置grid行开始位置
selectAll() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

select-all - 允许选择所有内容
selectAuto() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

select-auto - 自动选择行为
selectNone() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

select-none - 禁止文本选择
selectText() → Widget

Available on Widget, provided by the WidgetInteractivityExtensions extension

select-text - 允许文本选择
sm(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

sm: - 小屏幕断点(640px) ⚠️ 部分支持:通过 MediaQuery 实现
smartBorderRadius({required bool isFirst, required bool isLast, double radius = 12.0, Axis direction = Axis.vertical}) → Container

Available on Widget, provided by the WidgetConversionExt extension

动态圆角 - 根据位置智能设置
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String
Returns a one-line detailed description of the object.
inherited
toStringShort() → String
A short, textual description of this widget.
inherited
verticalAlignBaseline({required TextBaseline textBaseline}) → Widget

Available on Widget, provided by the WidgetVerticalAlignExtensions extension

vertical-align: baseline - 基线对齐 ⚠️ 部分支持:通过 Baseline widget 实现
verticalAlignBottom() → Widget

Available on Widget, provided by the WidgetVerticalAlignExtensions extension

vertical-align: bottom - 底部对齐
verticalAlignMiddle() → Widget

Available on Widget, provided by the WidgetVerticalAlignExtensions extension

vertical-align: middle - 中间对齐
verticalAlignTop() → Widget

Available on Widget, provided by the WidgetVerticalAlignExtensions extension

vertical-align: top - 顶部对齐
xl(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

xl: - 超大屏幕断点(1280px)
xl2(Widget builder(BuildContext context)) → Widget

Available on Widget, provided by the WidgetResponsiveExtensions extension

2xl: - 2倍超大屏幕断点(1536px)

Operators

operator ==(Object other) → bool
The equality operator.
inherited