MyImage class

A customized Image widget that wraps Flutter's Image.

Provides convenient parameters for common styling, shape, border radius, and interaction features like showing the image in a full-screen view on click.

Inheritance

• Object
• DiagnosticableTree
• Widget
• StatelessWidget
• MyImage

Available extensions

• WidgetExtension

Annotations

• @immutable

Constructors

MyImage.new(String src, {Key? key, BoxFit? fit, AlignmentGeometry alignment = Alignment.center, double? width, double? height, Color? color, Color? backgroundColor, BlendMode? colorBlendMode, ImageRepeat repeat = ImageRepeat.noRepeat, bool matchTextDirection = false, bool enableFullView = false, bool zoomInFullView = false, VoidCallback? onTap, BoxShape shape = BoxShape.rectangle, BorderRadiusGeometry? borderRadius, Clip clipBehavior = Clip.antiAlias, Widget placeholder(BuildContext context, StackTrace? error)?, double? borderWidth, Color? borderColor})

Creates a customized Image widget from a network URL.

const

MyImage.asset(String src, {Key? key, BoxFit? fit, AlignmentGeometry alignment = Alignment.center, double? width, double? height, Color? backgroundColor, Color? color, BlendMode? colorBlendMode, ImageRepeat repeat = ImageRepeat.noRepeat, bool matchTextDirection = false, bool enableFullView = false, bool zoomInFullView = false, VoidCallback? onTap, BoxShape shape = BoxShape.rectangle, BorderRadiusGeometry? borderRadius, Clip clipBehavior = Clip.antiAlias, Widget placeholder(BuildContext context, StackTrace? error)?, double? borderWidth, Color? borderColor})

Creates a customized Image widget from an asset path.

const

Properties

alignment → AlignmentGeometry

How to align the image within its bounds.

final

backgroundColor → Color?

The background color to the image container.

final

borderColor → Color?

The border color for the image container. Only applies if borderWidth is not null. Default border color is Theme.of(context).colorScheme.outline if not provided.

final

borderRadius → BorderRadiusGeometry?

The corners of the image container. Only applies if shape is BoxShape.rectangle.

final

borderWidth → double?

The border with for the image container.

final

clipBehavior → Clip

The clip behavior for the image.

final

color → Color?

The color to blend with the image.

final

colorBlendMode → BlendMode?

Used to combine the color with the image.

final

enableFullView → bool

Whether to enable showing the image in a larger, full-screen view when clicked. Only applicable when onTap is null

final

fit → BoxFit?

How the image should be inscribed into the space allocated for it.

final

hashCode → int

The hash code for this object.

no setter, inherited

height → double?

The height of this widget.

final

key → Key?

Controls how one widget replaces another widget in the tree.

final, inherited

matchTextDirection → bool

Whether to paint the image in the direction of the text.

final

onTap → VoidCallback?

A callback function to execute when the image is tapped. enableFullView will not work if onTap is provided.

final

placeholder → Widget Function(BuildContext context, StackTrace? error)?

final

repeat → ImageRepeat

How to paint any portions of the box not covered by the image.

final

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

shape → BoxShape

The shape of the image container. if height and width are equal and shape is BoxShape.circle, but image is not circular then put MyImage under a Column or Row example:

final

source → MyImageSource

The type of image source (network or asset).

final

src → String

The image source for network or asset images.

final

width → double?

The width of this widget.

final

zoomInFullView → bool

Whether to enable zooming and panning in the full-screen view. Only applicable when enableFullView is true.

final

Methods

align([Alignment alignment = Alignment.center]) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in an Align widget with the given alignment.

animatedOpacity({required double opacity, required Duration duration, Curve curve = Curves.linear}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in an AnimatedOpacity for animated opacity changes.

animatedSize({required Duration duration, Curve curve = Curves.linear, AlignmentGeometry alignment = Alignment.center}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in an AnimatedSize for animated size changes.

asSliver() → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a SliverToBoxAdapter for use in a CustomScrollView.

build(BuildContext context) → Widget

Describes the part of the user interface represented by this widget.

override

center() → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a Center widget.

clippedOval({Clip clipBehavior = Clip.antiAlias}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a ClipOval for an oval or circular clip.

clippedRRect({required BorderRadiusGeometry borderRadius, Clip clipBehavior = Clip.antiAlias}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a ClipRRect with the given border radius.

constrained({double minWidth = 0.0, double maxWidth = double.infinity, double minHeight = 0.0, double maxHeight = double.infinity}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a ConstrainedBox to apply constraints.

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({required Decoration decoration}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a DecoratedBox with the given decoration.

expand([int flex = 1]) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in an Expanded widget with the given flex.

flexible({int flex = 1, FlexFit fit = FlexFit.loose}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a Flexible widget with the given flex and fit.

height([double value = double.infinity]) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a SizedBox to set its height.

hero({required String tag}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a Hero widget for animated transitions.

loadingEffect() → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a MyLoadingEffect widget.

m([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a Container with margin on all sides.

mb([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies bottom margin to the widget.

ml([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies left margin to the widget.

mOnly({double l = 0.0, double t = 0.0, double r = 0.0, double b = 0.0}) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies margin to specific sides of the widget.

mr([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies right margin to the widget.

mt([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies top margin to the widget.

mx([double x = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies horizontal margin to the widget.

mxy([double x = 16.0, double y = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies horizontal and vertical margin respectively to the widget.

my([double y = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies vertical margin to the widget.

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

onTap(void onTap()?) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a GestureDetector for tap detection.

opacity([double opacity = 1.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in an Opacity widget.

p([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies padding to all sides of the widget.

pb([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies bottom padding to the widget.

pl([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies left padding to the widget.

pOnly({double l = 0.0, double t = 0.0, double r = 0.0, double b = 0.0}) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies padding to specific sides of the widget.

positioned({double? left, double? top, double? right, double? bottom, double? width, double? height}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a Positioned widget for use in a Stack.

pr([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies right padding to the widget.

pt([double n = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies top padding to the widget.

px([double x = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies horizontal padding to the widget.

pxy([double x = 16.0, double y = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies horizontal and vertical padding respectively to the widget.

py([double y = 16.0]) → Widget

Available on Widget, provided by the WidgetExtension extension

Applies vertical padding to the widget.

rotated({required int quarterTurns}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a RotatedBox to rotate it by a quarter turn.

scrollableX() → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a SingleChildScrollView for horizontal scrolling.

scrollableY() → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a SingleChildScrollView for vertical scrolling.

size([double value = double.infinity]) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a SizedBox to set its size (width and height).

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(String message) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a Tooltip to display a message on long press or hover.

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

visible([bool visible = true]) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a Visibility widget.

width([double value = double.infinity]) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in a SizedBox to set its width.

withAspectRatio({required double aspectRatio}) → Widget

Available on Widget, provided by the WidgetExtension extension

Wraps the widget in an AspectRatio widget.

Operators

operator ==(Object other) → bool

The equality operator.

inherited