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
- Available extensions
- Annotations
Constructors
- MyImage(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 setterinherited
- height → double?
-
The height of this widget.
final
- key → Key?
-
Controls how one widget replaces another widget in the tree.
finalinherited
- 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 setterinherited
- 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