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",
                    
                   ]
        ),
      ),
    ),
  ));
}