AutoLayout class
This stateless widget will allow the developers to develop for multiple screen sizes. You can create breakpoints, the points in which the auto-layout should use that widget when the screen size is within those thresholds
if no breakpoints is provided, return a container
It is important to note that this widget relies on LayoutBuilder and it can work for nested widgets as well (not only for full screens). So you can utilize this widget differently based on your needs
- Inheritance
-
- Object
- DiagnosticableTree
- Widget
- StatelessWidget
- AutoLayout
- Available extensions
Constructors
-
AutoLayout({List<
double> breakpoints = const [], List<LayoutWidgetBuilder> builders = const [], Key? key}) - AutoLayout.recommended({required LayoutWidgetBuilder smallBuilder, required LayoutWidgetBuilder mediumBuilder, required LayoutWidgetBuilder largeBuilder, Key? key})
Properties
- alignBottom → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - alignBottomLeft → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - alignBottomRight → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - alignCenter → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - alignLeft → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - alignRight → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - alignTop → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - alignTopLeft → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - alignTopRight → Align
-
Available on Widget, provided by the MoyeAlignWidgetExtension extension
no setter - asSliver → SliverToBoxAdapter
-
Available on Widget, provided by the MoyeWidgetExtension extension
sliver extensions for widget (converts a widget to sliver)no setter -
breakpoints
→ List<
double> -
final
-
builders
→ List<
LayoutWidgetBuilder> -
final
- expanded → Expanded
-
Available on Widget, provided by the MoyeWidgetExtension extension
Wrap this widget with a Expanded Widgetno setter - fit → Widget
-
Available on Widget, provided by the MoyeFitWidgetExtension extension
no setter - fitCover → Widget
-
Available on Widget, provided by the MoyeFitWidgetExtension extension
no setter - fitFill → Widget
-
Available on Widget, provided by the MoyeFitWidgetExtension extension
no setter - fitHeight → Widget
-
Available on Widget, provided by the MoyeFitWidgetExtension extension
no setter - fitScaleDown → Widget
-
Available on Widget, provided by the MoyeFitWidgetExtension extension
no setter - fitWidth → Widget
-
Available on Widget, provided by the MoyeFitWidgetExtension extension
no setter - hashCode → int
-
The hash code for this object.
no setterinherited
- key → Key?
-
Controls how one widget replaces another widget in the tree.
finalinherited
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
Methods
-
align(
AlignmentGeometry alignmentGeometry) → Align -
Available on Widget, provided by the MoyeAlignWidgetExtension extension
-
build(
BuildContext context) → Widget -
Describes the part of the user interface represented by this widget.
override
-
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
-
expandedWith(
int flex) → Expanded -
Available on Widget, provided by the MoyeWidgetExtension extension
Wrap this widget with a Expanded Widget and specify aflex
for it -
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
onTap(
{VoidCallback? onTap}) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Detect taps on a widget easily -
rotate(
int quarterTurns) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
The number of clockwise quarter turns the child should be rotated. -
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
-
withAspectRatio(
{required double aspectRatio}) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Show the widget with the givenaspectRatio
-
withBackBlurImage(
{required ImageProvider< Object> imageProvider, double? sigmaX, double? sigmaY, BoxFit? imageFit = BoxFit.cover, double? imageWidth, double? imageHeight, BlendMode? imageColorBlendMode, Alignment imageAlignment = Alignment.center, Color? imageColor}) → Widget -
Available on Widget, provided by the BackBlurImageExtension extension
-
withBottomFade(
{required BuildContext context, Color? fadeColor, double startFade = 0.97}) → Widget -
Available on Widget, provided by the FadeContainerExtension extension
-
withConstraints(
BoxConstraints constraints) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Wrap this widget with a ConstrainedBox, and set it's constraints toconstraints
-
withFlexible(
{int flex = 1, FlexFit fit = FlexFit.loose}) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Wraps this inside a Flexible -
withGlowContainer(
{Color? color, double blurRadius = 30, double spreadRadius = 1}) → Widget -
Available on Widget?, provided by the ContainerGlowExtension extension
-
withGradientOverlay(
{required Gradient gradient}) → Widget -
Available on Widget, provided by the GradientOverlayExtension extension
-
withHeaderOverlayGlow(
{required BuildContext context, Color? color, Rect? rect, double? blurRadius, double height = 25}) → OverlayGlowWidget -
Available on Widget, provided by the OverlayGlowExtension extension
-
withHeight(
double? height) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Set the height of this widget set toheight
by wrapping it inside a SizedBox -
withLeftAndRightFade(
{required BuildContext context, Color? fadeColor}) → Widget -
Available on Widget, provided by the FadeContainerExtension extension
-
withMinHeight(
double minHeight) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Set the min height of this widget tominHeight
by wrapping it inside a ConstrainedBox -
withMinWidth(
double minWidth) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Set the min width of this widget tominWidth
by wrapping it inside a ConstrainedBox -
withOverlayGlow(
{required List< OverlayGlow> glows}) → OverlayGlowWidget -
Available on Widget, provided by the OverlayGlowExtension extension
-
withPadding(
EdgeInsetsGeometry padding) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Wrap this widget with a padding for a given EdgeInsetsGeometry -
withRoundCorners(
{BoxBorder? border, BorderRadius? borderRadius}) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Makes this widget have round corners. You could also specifyborder
-
withSize(
{double? width, double? height}) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Give a size to this widget -
withSliverPadding(
EdgeInsetsGeometry padding) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Wrap this widget with a sliver padding for a given EdgeInsetsGeometry -
withTopAndBottomFade(
{required BuildContext context, Color? fadeColor, double startFade = 0.97}) → Widget -
Available on Widget, provided by the FadeContainerExtension extension
-
withWidth(
double? width) → Widget -
Available on Widget, provided by the MoyeWidgetExtension extension
Set the width of this widget set towidth
by wrapping it inside a SizedBox
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited