搜索插件、代码仓与 APP 分类

insta_image_viewer 封面
插件详情v1.0.4

insta_image_viewer

一个简单的全屏小部件,支持滑动关闭、捏合缩放。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
3010
喜欢数
143
Pub 分数
150

安装插件

flutter pub add insta_image_viewer

插件介绍

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

一个专为在全屏模式下显示图像而设计的 Flutter 小部件,支持直观的手势操作,如滑动关闭、捏合缩放和拖动。该组件专为跨多个平台提供无缝的图像浏览体验而构建,支持 Android、iOS、Web、macOS、Windows 和 Linux。非常适合需要沉浸式照片浏览且设置简单的应用程序。该包轻量且易于集成,专注于流畅的性能和用户友好的交互。

适合场景

  • 全屏图像查看
  • 照片画廊导航
  • 滑动关闭图片模态框
  • 捏合缩放图像探索
  • 图像共享预览
  • 交互式图像画廊

主要特点

  • 向左滑动以关闭
  • 捏合缩放
  • 滑动手势支持
  • 跨平台兼容性
  • 简单集成
  • 响应式设计

适合对象

  • 移动和网页照片应用
  • 社交媒体图片查看器
  • 电子商务产品图片展示
  • 用户生成内容平台
  • 图片密集型界面的应用程序

使用建议

  • 有限的自定义选项
  • 无内置图像缓存
  • 需要手动加载图像
  • 未针对大型图像集合进行优化
  • 依赖外部图像提供者
  • 最小动画效果

原始 README

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

InstaImageViewer

A simple widget to display image in a full-screen, swipe it to dismiss, pinch & zoom.

InstaImageViewer Demo

Features

  • Show a single image in a full screen mode
  • Nice swipe animation (like in Instagram) to dismiss full screen mode
  • Use pinch & zoom to zoom in and out in a full screen mode
  • No dependencies besides Flutter

Usage

As easy as an image widget:

SizedBox(
  width: 100,
  height: 140,
  child: InstaImageViewer(
    child: Image(
      image: Image.network("https://picsum.photos/id/507/1000").image,
    ),
  ),
),

TODO:

  • Upon request: Possibility to wrap icons with path to large images. According current UI there is no need in in such functionality. But, in a long lists, it will lead to significant UI slowing down. So, if you need this functionality feel free to create an issue.
  • Improve animations

For any bugs, suggestions - please submit an issue.

Credits

InstaImageViewer is a project by Agoradesk, P2P cryptocurrency trading platform. Created by the team behind LocalMonero, the biggest and most trusted Monero P2P trading platform.

所属分类

源码仓库

使用此插件的项目