ResponsiveAspectRatio class
A widget that adapts its layout based on the aspect ratio of its constraints.
This widget takes a list of aspect ratios and a corresponding list of builders. Each builder is used when the aspect ratio of the constraints is less than or equal to the corresponding aspect ratio in the list. If none of the aspect ratios match, the last builder in the list is used.
- Inheritance
-
- Object
- DiagnosticableTree
- Widget
- StatelessWidget
- ResponsiveAspectRatio
- Available extensions
Constructors
-
ResponsiveAspectRatio({List<
double> aspectRatios = const [], List<LayoutWidgetBuilder> builders = const [], Key? key}) -
Creates a new ResponsiveAspectRatio widget.
const
- ResponsiveAspectRatio.recommended({required LayoutWidgetBuilder smallBuilder, required LayoutWidgetBuilder mediumBuilder, required LayoutWidgetBuilder largeBuilder, Key? key})
- Creates a new ResponsiveAspectRatio widget with recommended aspect ratios.
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 -
aspectRatios
→ List<
double> -
The list of aspect ratios to use for layout adaptation.
final
- asSliver → SliverToBoxAdapter
-
Available on Widget, provided by the MoyeWidgetExtension extension
sliver extensions for widget (converts a widget to sliver)no setter -
builders
→ List<
LayoutWidgetBuilder> -
The list of builders to use for each aspect ratio.
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