搜索分类、插件与代码仓

pinch_zoom 封面
插件详情v2.0.1

pinch_zoom

一个基于 Flutter 新版 Interactive Viewer 的小部件,可实现图片的捏合缩放,并在释放时返回初始大小和位置。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
1.2万
喜欢数
221
Pub 分数
150

安装插件

flutter pub add pinch_zoom

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

PinchZoom 是一个 Flutter 包,通过 Flutter 的 InteractiveViewer 实现直观的捏合缩放功能。它允许用户使用触摸手势缩放和拖动图像,并在手势结束时自动将图像恢复到原始大小和位置。该包设计简洁,跨平台性能流畅,可无缝集成到图像查看界面中。它支持所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,非常适合需要交互式图像探索的跨平台应用。

适合场景

  • 交互式图像查看器
  • 照片画廊
  • 文档缩放
  • 带有图表的教育类应用程序
  • 电子商务产品图片

主要特点

  • 基于手势的捏合缩放
  • 自动重置为初始状态
  • 跨平台兼容性
  • 流畅的动画过渡
  • 基于 Flutter 的 InteractiveViewer

适合对象

  • 开发图像密集型应用的开发者
  • 需要直观图像导航的应用程序
  • 跨平台图像交互功能
  • 教育或演示工具
  • 以移动设备为先的设计,支持触摸操作

使用建议

  • 可能需要对大图像进行优化
  • 性能取决于设备功能
  • 超出基本缩放行为之外的自定义功能有限
  • 不适用于非图像内容
  • 需要正确处理图像加载状态

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

pinch_zoom

A widget based on Flutter's Interactive Viewer that makes picture pinch zoom, and return to its initial size and position when released.

This package offers Instagram based pinch zooming that feels more responsive than other similar packages.

The package is designed for zooming in on images; however, it can also be used to zoom in on a video.

Example one Example two

Installation

Add this to your pubspec.yaml dependencies:

pinch_zoom: ^2.0.1

How to use

Add the widget to your app like this (It automatically takes the size of the image you pass to it):

PinchZoom(
    child: Image.network('https://placecats.com/640/360'),
    maxScale: 2.5,
    onZoomStart: (){print('Start zooming');},
    onZoomEnd: (){print('Stop zooming');},
),

所属分类

源码仓库

使用此插件的项目