搜尋分類、套件與程式碼儲存庫

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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。