搜索分类、插件与代码仓

gallery_zoom_slides 封面
插件详情v0.1.3

gallery_zoom_slides

图像缩放效果,如图像平移手势、捏合缩放、双击缩放

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
211
喜欢数
17
Pub 分数
110

安装插件

flutter pub add gallery_zoom_slides

插件介绍

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

gallery_zoom_slides 是一个 Flutter 包,支持通过直观的手势(如捏合缩放、双击放大/缩小和拖拽平移)实现交互式图像缩放和拖动。专为图像画廊设计,它通过在多个平台上流畅、响应迅速地操作图像来提升用户体验。该包可无缝集成到 Flutter 应用中,并支持 Android、iOS、Web、macOS、Windows 和 Linux。非常适合展示高分辨率图像并提供丰富的视觉交互体验。

适合场景

  • 图像画廊应用
  • 电子商务产品详情页
  • 数字艺术或照片展览应用
  • 交互式文档或手册
  • 带有详细视觉效果的教育内容

主要特点

  • 捏合缩放
  • 双击以放大/缩小
  • 拖拽平移导航
  • 跨平台兼容性
  • 流畅的手势响应
  • 所需设置最少

适合对象

  • 开发图像密集型应用的开发者
  • 需要交互式图像探索的应用程序
  • 针对多个平台的项目
  • 寻求手势丰富交互的UI设计师

使用建议

  • 可能需要对大图像进行性能优化
  • 手势行为的自定义选项有限
  • 不适用于非图像内容
  • 最好与高分辨率资源一起使用
  • 需要正确处理图像加载状态

原始 README

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

gallery_zoom_slides

Image zoomin & zoomout functionality

Features

  • Pan gesture
  • Pinch zoomin & zoomout
  • Double tap zoomin - zoomout
  • With 6 different themes

Installation

In your pubspec.yaml file within your Flutter Project:

dependencies:
  gallery_zoom_slides: 0.1.2

Usage


            import 'package:gallery_zoom_slides/gallery_zoom_slides.dart';
            
            Navigator.push(context, MaterialPageRoute(builder: (context)=>
                    galleryZoomSlides(
                    
                        //required fields                 
                        arrayImages:  const [
                        "https://i.ibb.co/C78HbbR/xl-d-pista-oraganza-s-deklook-original-imags3a5bguzakgq.webp",
                        "https://i.ibb.co/jH1SBF4/xl-d-pista-oraganza-s-deklook-original-imags3a5kf7tngq8.webp",
                        "https://i.ibb.co/hZ0By5W/xl-d-pista-oraganza-s-deklook-original-imags3a5pjsfs98c.webp",
                        "https://i.ibb.co/Dt5qBV3/xl-d-pista-oraganza-s-deklook-original-imags3a5xd7ctjvt.webp"
                        ],
                        
                        //Optional fields
                        //.theme1, .theme2, .theme3, .theme4, .theme5, .theme6
                        zoomTheme: ZoomTheme.theme2,
                        selectedImagePosition: 1,
                        selectedThumbnailColor: Colors.blue,
                    )
              )
            );
        ...


NOTE : Images taken only for demo purpose

所属分类

依赖

依赖清单 2 项

源码仓库

使用此插件的项目

暂无相关数据。