flutter pub add zoom_pinch_overlay基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个 Flutter 小部件，可为图像启用类似 Instagram 的捏合缩放和全局拖动交互。它允许用户自由地在屏幕上缩放和移动图像，非常适合用于照片查看器或交互式图像展示。该叠加层支持多个平台，包括 Android、iOS、Web、macOS、Windows 和 Linux，确保广泛的兼容性。采用流畅的手势处理，提供响应迅速且直观的缩放和拖动用户体验。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
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.
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(
modalBarrierColor: Colors.black12, // Optional
minScale: 0.5, // Optional
maxScale: 3.0, // Optional
animationCurve: Curves.fastOutSlowIn, // Defaults to fastOutSlowIn which mimics IOS instagram behavior
animationDuration: Duration(milliseconds: 300), // Defaults to 100 Milliseconds. Recommended duration is 300 milliseconds for Curves.fastOutSlowIn
twoTouchOnly: true, // Defaults to false
onScaleStart: () {}, // optional VoidCallback
onScaleStop: () {}, // optional VoidCallback
child: CachedNetworkImage(
imageUrl: imageUrl,
),
),
| 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) |
animationCurve |
Specifies the curve when the zoom has ended and is animating back to it's original place. Defaults to Curves.fastOutSlowIn |
modalBarrierColor |
Specifies the color of the background of the modal barrier. |
onScaleStart |
Function that gets called when scaling of the widget starts. |
onScaleStop |
Function that gets called when scaling of the widget stops. |
buildContextOverlayState |
Overrides the default overlay state. |
Read the accompanying article here for more info about this package.
依赖清单 1 项
^2.1.0暂无相关数据。