カテゴリー・パッケージ・リポジトリを検索

ducafecatFlutter エコシステムナビ
gallery_zoom_slides のカバー
パッケージ詳細v0.1.3

gallery_zoom_slides

画像のズーム効果（画像のパンジェスチャー、ピンチズームイン・ズームアウト、ダブルタップによるズームイン・ズームアウト）

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
211
いいね数
17
Pub ポイント
110

パッケージをインストール

flutter pub add gallery_zoom_slides

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

gallery_zoom_slides は、ピンチツーズーム、ダブルタップによるズームイン/アウト、ドラッグによるパンなど、直感的なジェスチャーを使用して画像のインタラクティブな拡大・移動を可能にするFlutterパッケージです。画像ギャラリー向けに設計されており、複数のプラットフォームで滑らかで応答性の高い画像操作を実現し、ユーザー体験を向上させます。Flutterアプリへのシームレスな統合が可能で、Android、iOS、Web、macOS、Windows、Linuxをサポートしています。高解像度の画像を豊かな視覚的インタラクションとともに表示するのに最適です。

用途

  • 画像ギャラリーアプリケーション
  • EC商品詳細ビュー
  • デジタルアートまたは写真展示アプリ
  • インタラクティブなドキュメントまたはマニュアル
  • 詳細なビジュアルを備えた教育コンテンツ

主な機能

  • ピンチイン/アウト
  • ダブルタップしてズームイン/アウト
  • ドラッグしてパンナビゲーション
  • クロスプラットフォーム互換性
  • スムーズなジェスチャー応答
  • 最小限のセットアップが必要

適している対象

  • 画像が多く含まれるアプリを開発する開発者
  • インタラクティブな画像探索を必要とするアプリ
  • 複数のプラットフォームをターゲットにするプロジェクト
  • ジェスチャー豊富なインタラクションを求める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 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。