gallery_view

插件介绍

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

画廊视图是一个 Flutter 插件，旨在以视觉上吸引人的画廊布局显示图像列表。它使用户能够通过流畅的滚动和直观的交互浏览图像，非常适合用于照片画廊或图像密集型应用。该插件支持 Android 和 iOS 平台，确保在各种设备上性能一致。设计简洁，使用简单明了的 API，可轻松集成到现有项目中。

适合场景

照片画廊应用
图像浏览界面
电子商务产品图片展示
社交媒体图片动态
Portfolio展示

主要特点

平滑画廊滚动
跨平台支持（Android 和 iOS）
与 Flutter 的简单集成
响应式图像布局
内置滑动手势

适合对象

开发以图像为中心的应用程序的开发者
需要直观图像导航的应用程序
需要轻量级画廊解决方案的项目
以移动设备为先的用户界面设计
图像画廊的快速原型设计

使用建议

有限的自定义选项
无内置图像加载优化
需要手动处理大型图像集
不适合复杂的图像操作
依赖外部图像加载库以实现高级功能

原始 README

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

Image Gallery View Widget

A new plugin to show the list of network image and show it in a gallery view with hero animation

Getting Started

Feature
1. Show user list of network image using urls in gallery view
2. Added Hero animation for smooth transition effect.
3. User able to zoom into image and swipe left and right to swipe between images.
4. Also showing loading icon while image is loading from url.

Example

import 'package:flutter/material.dart';
import 'package:gallery_view/gallery_view.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
      child: GalleryView(
       imageUrlList:[
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                    "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                    
                   ]
        ),
      ),
    ),
  ));
}