Description:
widget zoom
The WidgetZoom enables you to zoom on your images.
Either zoom directly on the image with a pinch to zoom gesture or use a simple tap to open the image in fullscreen and zoom around there. You can either hit the close button or swipe down to dismiss the fullscreen again. Just as you know from other apps.
Why? #
We build this package because we wanted to:
have a simple and easy way to use zoom on images for users
integrate a lightweight package
create an easy usage experience for developers
Show Case #
Pinch to zoom #
Drag down to exit fullscreen #
Zoom flutter widgets #
Features #
Directly use pinch to zoom gesture on the image
Open tapped image in fullscreen
Zoom and pan around in fullscreen view
Double tap to zoom in/out in fullscreen view
Swipe down to dismiss the fullscreen view
Coming soon: zoom on any widget you like
Getting started #
Just wrap your image widget that should be zoomable with the WidgetZoom and pass an object for the heroAnimationTag parameter and you are good to go. (The Hero animation is there to provide you with a nice transition when entering and leaving the fullscreen by tapping your image)
Usage #
It doesn't need more setup than this:
WidgetZoom(
heroAnimationTag: 'tag',
zoomWidget: Image.network(
'https://i.picsum.photos/id/1076/1000/800.jpg?hmac=Dlz3UOB04NkIUuAcoyNPNP_uRbjWK9FSoHfy4i04yWI',
),
),
copied to clipboard
Constructor #
Parameter
Default
Description
Required
zoomWidget
-
The widget that should be zoomable
true
heroAnimationTag
-
An object used for the Hero animation when navigating to and from fullscreen
true
minScaleEmbeddedView
1
The smallest allowed scale when zooming the widget not in fullscreen
false
maxScaleEmbeddedView
4
The highest allowed scale when zooming the widget not in fullscreen
false
minScaleFullscreen
1
The smallest allowed scale when zooming the widget in fullscreen
false
maxScaleFullscreen
4
The highest allowed scale when zooming the widget in fullscreen
false
fullScreenDoubleTapZoomScale
maxScaleFullscreen
The zoom scale when double tapping the zoomable widget in fullscreen
false
closeFullScreenImageOnDispose
false
Controls whether the full screen image will be closed once the widget is disposed.
false
Made with ❤ by Flutter team at Appinio GmbH
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
