widget_zoom 0.0.3

A widget to zoom another widget either directly in an overlay or in fullscreen.

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:

 ZoomWidget(
    heroAnimationTag: 'tag',
    zoomWidget: Image.network(
        'https://i.picsum.photos/id/1076/1000/800.jpg?hmac=Dlz3UOB04NkIUuAcoyNPNP_uRbjWK9FSoHfy4i04yWI',
    ),
),

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

---

Made with ❤ by Flutter team at Appinio GmbH