zoom_pinch_overlay 1.2.0 copy "zoom_pinch_overlay: ^1.2.0" to clipboard
zoom_pinch_overlay: ^1.2.0 copied to clipboard

outdated

An instagram style pinch and zoom widget that can be moved globally.

zoom_pinch_overlay #

     Buy Me A Coffee

An instagram style pinch and zoom widget for all platform completely written in pure dart!

All other "zoom_pinch" package didn't work for me because it doesnt appear on top of all other widgets which was an issue on one of my project. This package solves that problem by introducing a OverlayEntry so that it appears on top of all other widgets.

Credit to @billylev for the contribution this package.

Getting Started #

Just wrap your widget that you want to be able to zoom in a ZoomOverlay

This is the values used in the video which can be found in the example folder.

ZoomOverlay(
    minScale: 0.5, // Optional
    maxScale: 3.0, // Optional
    twoTouchOnly: true, // Defaults to false
    child: CachedNetworkImage(
        imageUrl: imageUrl,
    ),
),

Documentations #

parameter documentation
minScale Specifies the minimum multiplier it can scale outwards.
maxScale Specifies the maximum multiplier the user can zoom inwards.
twoTouchOnly specifies wither the zoom is enabled only with two fingers on the screen. Defaults to false.
child A widget to make zoomable.
animationDuration Specifies the duration when the zoom has ended and is animating back to it's original place. Defaults to Duration(milliseconds: 100)

Medium blog post #

Read the accompanying article here for more info about this package.

213
likes
0
points
3.96k
downloads

Publisher

verified publishersamuelong.me

Weekly Downloads

An instagram style pinch and zoom widget that can be moved globally.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, vector_math

More

Packages that depend on zoom_pinch_overlay