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

ducafecatFlutter エコシステムナビ
pinch_zoom のカバー
パッケージ詳細v2.0.1

pinch_zoom

Flutter の新しい Interactive Viewer をベースにしたウィジェットで、画像のピンチズームを可能にし、解放時に元のサイズと位置に戻ります。

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
1.2万
いいね数
221
Pub ポイント
150

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

flutter pub add pinch_zoom

パッケージ概要

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

PinchZoom は、Flutter の InteractiveViewer を使用して画像の直感的なピンチズーム機能を可能にする Flutter パッケージです。ユーザーはタッチジェスチャーを使って画像を拡大・縮小し、パンすることができます。ジェスチャーが終了すると、自動的に元のサイズと位置に戻ります。シンプルさとクロスプラットフォームでの滑らかなパフォーマンスを重視して設計されており、画像閲覧インターフェースにシームレスに統合できます。Android、iOS、Web、macOS、Windows、Linux などすべての主要プラットフォームをサポートしており、インタラクティブな画像探索を必要とするクロスプラットフォームアプリに最適です。

用途

  • インタラクティブな画像ビューア
  • フォトギャラリー
  • ドキュメントズーム
  • 図を含む教育アプリ
  • EC商品画像

主な機能

  • ジェスチャーによるピンチズーム
  • 初期状態への自動リセット
  • クロスプラットフォーム互換性
  • スムーズなアニメーションの遷移
  • Flutter の InteractiveViewer に基づく

適している対象

  • 画像が多く含まれるアプリを開発している開発者
  • 直感的な画像ナビゲーションを必要とするアプリ
  • クロスプラットフォーム画像インタラクション機能
  • 教育またはプレゼンテーションツール
  • タッチ対応のモバイルファーストデザイン

注意事項

  • 大きな画像の最適化が必要になる場合があります
  • パフォーマンスはデバイスの機能に依存します
  • 基本的なズーム動作を超えるカスタマイズは限られている
  • 画像以外のコンテンツには適していません
  • 画像の読み込み状態を適切に処理する必要があります

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

pinch_zoom

A widget based on Flutter's Interactive Viewer that makes picture pinch zoom, and return to its initial size and position when released.

This package offers Instagram based pinch zooming that feels more responsive than other similar packages.

The package is designed for zooming in on images; however, it can also be used to zoom in on a video.

Example one Example two

Installation

Add this to your pubspec.yaml dependencies:

pinch_zoom: ^2.0.1

How to use

Add the widget to your app like this (It automatically takes the size of the image you pass to it):

PinchZoom(
    child: Image.network('https://placecats.com/640/360'),
    maxScale: 2.5,
    onZoomStart: (){print('Start zooming');},
    onZoomEnd: (){print('Stop zooming');},
),

カテゴリー

画像

ソースリポジトリ

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