GetResponsiveView<T> class
Extend this widget to build responsive view.
this widget contains the screen
property that have all
information about the screen size and type.
You have two options to build it.
1- with builder
method you return the widget to build.
2- with methods desktop
, tablet
,phone
, watch
. the specific
method will be built when the screen type matches the method
when the screen is ScreenType.Tablet the tablet
method
will be exuded and so on.
Note if you use this method please set the
property alwaysUseBuilder
to false
With settings
property you can set the width limit for the screen types.
- Inheritance
-
- Object
- DiagnosticableTree
- Widget
- StatelessWidget
- GetView<
T> - GetResponsiveView
- Mixed-in types
- Available extensions
Constructors
- GetResponsiveView.new({bool alwaysUseBuilder = false, ResponsiveScreenSettings settings = const ResponsiveScreenSettings(), Key? key})
Properties
- alwaysUseBuilder → bool
-
final
- controller → T
-
no setterinherited
- hashCode → int
-
The hash code for this object.
no setterinherited
- key → Key?
-
Controls how one widget replaces another widget in the tree.
finalinherited
- marginZero → Widget
-
Available on Widget, provided by the WidgetMarginX extension
no setter - paddingZero → Widget
-
Available on Widget, provided by the WidgetPaddingX extension
no setter - runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- screen → ResponsiveScreen
-
final
- sliverBox → Widget
-
Available on Widget, provided by the WidgetSliverBoxX extension
no setter - tag → String?
-
finalinherited
Methods
-
align(
AlignmentGeometry alignment, {Key? key}) → Widget - 对齐
-
alignBottomCenter(
) → Widget - 对齐 底部
-
alignBottomLeft(
) → Widget - 对齐 下左边
-
alignBottomRight(
) → Widget - 对齐 下右边
-
alignCenter(
) → Widget - 对齐 中间
-
alignCenterLeft(
) → Widget - 对齐 左边
-
alignCenterRight(
) → Widget - 对齐 右边
-
alignTopCenter(
) → Widget - 对齐 顶部居中
-
alignTopLeft(
) → Widget - 对齐 上左边
-
alignTopRight(
) → Widget - 对齐 上右边
-
aspectRatio(
{Key? key, required double aspectRatio}) → Widget - 比例布局
-
backgroundColor(
Color color, {Key? key}) → Widget - 背景颜色
-
backgroundImage(
DecorationImage image, {Key? key}) → Widget - 背景图片
-
border(
{Key? key, double? all, double? left, double? right, double? top, double? bottom, double? radius, Color? backgroundColor, Color color = const Color(0xFF000000), BorderStyle style = BorderStyle.solid}) → Widget - 边框
-
boxShadow(
{Key? key, Color color = Colors.black, Offset offset = Offset.zero, double blurRadius = 0.0, double spreadRadius = 0.0, BlurStyle blurStyle = BlurStyle.normal}) → Widget - 阴影
-
build(
BuildContext context) → Widget -
inherited
-
builder(
) → Widget? -
inherited
-
card(
{Key? key, Color? color, Color? shadowColor, Color? surfaceTintColor, double? elevation = 5, ShapeBorder? shape, bool borderOnForeground = true, EdgeInsetsGeometry? margin, Clip? clipBehavior = Clip.antiAlias, bool semanticContainer = true}) → Widget - 卡片布局
-
center(
{Key? key, double? widthFactor, double? heightFactor}) → Widget - 居中布局
-
clipOval(
{Key? key}) → Widget - 裁剪圆形
-
clipRect(
{Key? key, CustomClipper< Rect> ? clipper, Clip clipBehavior = Clip.hardEdge}) → Widget - 裁剪矩形
-
clipRRect(
{Key? key, double? all, double? topLeft, double? topRight, double? bottomLeft, double? bottomRight, CustomClipper< RRect> ? clipper, Clip clipBehavior = Clip.antiAlias}) → Widget - 裁剪圆角
-
constrained(
{Key? key, double? width, double? height, double minWidth = 0.0, double maxWidth = double.infinity, double minHeight = 0.0, double maxHeight = double.infinity}) → Widget - 约束
-
createElement(
) → StatelessElement -
Creates a StatelessElement to manage this widget's location in the tree.
inherited
-
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
-
decorated(
{Key? key, Color? color, DecorationImage? image, BoxBorder? border, BorderRadius? borderRadius, List< BoxShadow> ? boxShadow, Gradient? gradient, BlendMode? backgroundBlendMode, BoxShape shape = BoxShape.rectangle, DecorationPosition position = DecorationPosition.background}) → Widget - 盒子装饰器
-
desktop(
) → Widget? -
inherited
-
elevation(
double elevation, {Key? key, BorderRadiusGeometry borderRadius = BorderRadius.zero, Color shadowColor = const Color(0xFF000000)}) → Widget - 阴影
-
expand(
{Key? key, int flex = 1}) → Widget - expand 撑满
-
fittedBox(
{Key? key, BoxFit fit = BoxFit.contain, AlignmentGeometry alignment = Alignment.centerLeft, Clip clipBehavior = Clip.none}) → Widget - 缩放布局
-
flexible(
{Key? key, int flex = 1, FlexFit fit = FlexFit.loose}) → Widget - 弹性布局
-
fractionallySizedBox(
{Key? key, AlignmentGeometry alignment = Alignment.center, double? widthFactor, double? heightFactor}) → Widget - 百分比布局
-
gestures(
{Key? key, GestureOnTapChangeCallback? onTapChange, GestureTapDownCallback? onTapDown, GestureTapUpCallback? onTapUp, GestureTapCallback? onTap, GestureTapCancelCallback? onTapCancel, GestureTapDownCallback? onSecondaryTapDown, GestureTapUpCallback? onSecondaryTapUp, GestureTapCancelCallback? onSecondaryTapCancel, GestureTapCallback? onDoubleTap, GestureLongPressCallback? onLongPress, GestureLongPressStartCallback? onLongPressStart, GestureLongPressMoveUpdateCallback? onLongPressMoveUpdate, GestureLongPressUpCallback? onLongPressUp, GestureLongPressEndCallback? onLongPressEnd, GestureDragDownCallback? onVerticalDragDown, GestureDragStartCallback? onVerticalDragStart, GestureDragUpdateCallback? onVerticalDragUpdate, GestureDragEndCallback? onVerticalDragEnd, GestureDragCancelCallback? onVerticalDragCancel, GestureDragDownCallback? onHorizontalDragDown, GestureDragStartCallback? onHorizontalDragStart, GestureDragUpdateCallback? onHorizontalDragUpdate, GestureDragEndCallback? onHorizontalDragEnd, GestureDragCancelCallback? onHorizontalDragCancel, GestureDragDownCallback? onPanDown, GestureDragStartCallback? onPanStart, GestureDragUpdateCallback? onPanUpdate, GestureDragEndCallback? onPanEnd, GestureDragCancelCallback? onPanCancel, GestureScaleStartCallback? onScaleStart, GestureScaleUpdateCallback? onScaleUpdate, GestureScaleEndCallback? onScaleEnd, GestureForcePressStartCallback? onForcePressStart, GestureForcePressPeakCallback? onForcePressPeak, GestureForcePressUpdateCallback? onForcePressUpdate, GestureForcePressEndCallback? onForcePressEnd, HitTestBehavior? behavior, bool excludeFromSemantics = false, DragStartBehavior dragStartBehavior = DragStartBehavior.start}) → Widget - 手势
-
height(
double height, {Key? key}) → Widget - 约束高度
-
inkWell(
{Key? key, Color? color, double? borderRadius, dynamic onTap()?, dynamic onLongPress()?}) → Widget - 墨水纹
-
limitedBox(
{Key? key, double maxWidth = double.infinity, double maxHeight = double.infinity}) → Widget - 限制盒子 最大宽高
-
marginAll(
double margin) → Widget -
Available on Widget, provided by the WidgetMarginX extension
-
marginOnly(
{double left = 0.0, double top = 0.0, double right = 0.0, double bottom = 0.0}) → Widget -
Available on Widget, provided by the WidgetMarginX extension
-
marginSymmetric(
{double horizontal = 0.0, double vertical = 0.0}) → Widget -
Available on Widget, provided by the WidgetMarginX extension
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
offstage(
{Key? key, bool offstage = true}) → Widget - 隐藏但正常构建
-
onLongPress(
GestureTapCallback? onLongPress, {Key? key, HitTestBehavior? behavior, bool excludeFromSemantics = false, DragStartBehavior dragStartBehavior = DragStartBehavior.start}) → Widget - 长按
-
onTap(
GestureTapCallback? onTap, {Key? key, HitTestBehavior? behavior, bool excludeFromSemantics = false, DragStartBehavior dragStartBehavior = DragStartBehavior.start}) → Widget - 点击
-
opacity(
double opacity, {Key? key, bool alwaysIncludeSemantics = false}) → Widget - 透明度
-
overflow(
{Key? key, AlignmentGeometry alignment = Alignment.center, double? minWidth, double? maxWidth, double? minHeight, double? maxHeight}) → Widget - 溢出
-
padding(
{Key? key, EdgeInsetsGeometry? value, double? all, double? horizontal, double? vertical, double? top, double? bottom, double? left, double? right}) → Widget - 内间距
-
paddingAll(
double padding) → Widget -
Available on Widget, provided by the WidgetPaddingX extension
-
paddingOnly(
{double left = 0.0, double top = 0.0, double right = 0.0, double bottom = 0.0}) → Widget -
Available on Widget, provided by the WidgetPaddingX extension
-
paddingSymmetric(
{double horizontal = 0.0, double vertical = 0.0}) → Widget -
Available on Widget, provided by the WidgetPaddingX extension
-
phone(
) → Widget? -
inherited
-
positioned(
{Key? key, double? left, double? top, double? right, double? bottom, double? width, double? height}) → Widget - Stack布局 位置
-
ripple(
{Key? key, Color? focusColor, Color? hoverColor, Color? highlightColor, Color? splashColor, InteractiveInkFeatureFactory? splashFactory, double? radius, ShapeBorder? customBorder, bool enableFeedback = true, bool excludeFromSemantics = false, FocusNode? focusNode, bool canRequestFocus = true, bool autoFocus = false, bool enable = true}) → Widget - 涟漪
-
safeArea(
{Key? key, bool top = true, bool bottom = true, bool left = true, bool right = true}) → Widget - 安全区域
-
scale(
{Key? key, double? all, double? x, double? y, Offset? origin, AlignmentGeometry alignment = Alignment.center, bool transformHitTests = true}) → Widget - 比例缩放
-
scrollable(
{Key? key, Axis scrollDirection = Axis.vertical, bool reverse = false, bool? primary, ScrollPhysics? physics = const ClampingScrollPhysics(), ScrollController? controller, DragStartBehavior dragStartBehavior = DragStartBehavior.start, EdgeInsetsGeometry? padding}) → Widget - 滚动视图
-
scrollbar(
{Key? key, ScrollController? controller, bool? thumbVisibility, bool? trackVisibility, double? thickness, Radius? radius, bool notificationPredicate(ScrollNotification)?, bool? interactive, ScrollbarOrientation? scrollbarOrientation}) → Widget - 滚动条
-
sliver(
{Key? key}) → Widget - SliverToBoxAdapter
-
sliverPadding(
{Key? key, EdgeInsetsGeometry? value, double? all, double? horizontal, double? vertical, double? top, double? bottom, double? left, double? right}) → Widget - Sliver 内间距
-
sliverPaddingBottom(
double val) → Widget - 内间距 下
-
sliverPaddingHorizontal(
double val) → Widget - 内间距 横向
-
sliverPaddingLeft(
double val) → Widget - 内间距 左
-
sliverPaddingRight(
double val) → Widget - 内间距 右
-
sliverPaddingTop(
double val) → Widget - 内间距 上
-
sliverPaddingVertical(
double val) → Widget - 内间距 纵向
-
tablet(
) → Widget? -
inherited
-
tight(
{double? width, double? height, double? size, Key? key}) → Widget - 约束宽高
-
toDiagnosticsNode(
{String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode -
Returns a debug representation of the object that is used by debugging
tools and by DiagnosticsNode.toStringDeep.
inherited
-
tooltip(
{Key? key, String? message, InlineSpan? richMessage, double? height, EdgeInsetsGeometry? padding, EdgeInsetsGeometry? margin, double? verticalOffset, bool? preferBelow, bool? excludeFromSemantics, Decoration? decoration, TextStyle? textStyle, TextAlign? textAlign, Duration? waitDuration, Duration? showDuration, Duration? exitDuration, bool? enableTapToDismiss, TooltipTriggerMode? triggerMode, bool? enableFeedback, void onTriggered()?}) → Widget -
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
-
transform(
{Key? key, required Matrix4 transform, Offset? origin, AlignmentGeometry? alignment, bool transformHitTests = true}) → Widget - Transforms Matrix4
-
translate(
{Key? key, required Offset offset, bool transformHitTests = true}) → Widget - Translate 变化位置
-
unConstrained(
{Key? key, TextDirection? textDirection, AlignmentGeometry alignment = Alignment.center, Axis? constrainedAxis, Clip clipBehavior = Clip.none}) → Widget - 取消父级约束
-
visibility(
{Key? key, required bool visible, bool maintainSize = false, bool maintainState = false, bool maintainAnimation = false}) → Widget - 控制组件隐藏显示
-
watch(
) → Widget? -
inherited
-
width(
double width, {Key? key}) → Widget - 约束宽度
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited