FullScreenImage class

A fullscreen image viewer widget with zoom and pan capabilities.

Displays a network image in fullscreen mode with interactive zoom (pinch to zoom) and pan (drag to move) gestures. Includes a Hero animation for smooth transitions from thumbnails and a close button for dismissal.

Features:

  • Hero animation support for smooth transitions
  • Interactive zoom (1x to 4x)
  • Pan/drag functionality
  • Close button overlay
  • Network image loading

Typically used when tapping on image thumbnails to view them in detail.

Example:

// Navigate to fullscreen view
Navigator.push(
  context,
  MaterialPageRoute(
    builder: (_) => Scaffold(
      backgroundColor: Colors.black,
      body: FullScreenImage(
        url: 'https://example.com/image.jpg',
        heroTag: 'image_123',
      ),
    ),
  ),
);

The widget is typically wrapped in a Scaffold with a dark background to create a modal fullscreen experience.

Inheritance
Available extensions

Constructors

FullScreenImage({Key? key, required String url, required String heroTag})
Creates a fullscreen image viewer.
const

Properties

hashCode → int
The hash code for this object.
no setterinherited
heroTag → String
The Hero tag for animation transitions.
final
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
sliverBox → Widget

Available on Widget, provided by the WidgetSliverBoxX extension

no setter
url → String
The URL of the network image to display in fullscreen
final

Methods

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
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
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

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

Operators

operator ==(Object other) → bool
The equality operator.
inherited