FLUTTER ECOSYSTEM

before_after

2つの画像の違いを表示しやすくするためのFlutterパッケージです。

before_after のカバー
最新バージョン
3.2.0
30日間ダウンロード
2100
いいね数
206
Pub ポイント
150

パッケージ概要

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

概要

2つの画像間の違いを可視化するためのドラッグ可能なスライダーインターフェースを提供することで、差分の可視化を簡素化するFlutterパッケージです。ユーザーが前後状態を横並びで比較できるため、画像編集や変換プレビュー、または視覚的な比較が必要なあらゆるシナリオに最適です。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしており、広範な互換性を確保しています。軽量で、既存のFlutterプロジェクトへの統合も簡単です。

用途
  • 画像編集の比較
  • 前後写真レビュー
  • ビジュアル変換のプレビュー
  • ユーザーテストインターフェース
  • デザインイテレーションフィードバック
主な機能
  • ドラッグ可能な分割スライダー
  • クロスプラットフォーム対応
  • シンプルな統合
  • スムーズな遷移
  • カスタマイズ可能なハンドル
  • レスポンシブレイアウト
適している対象
  • 画像比較ツールを開発する開発者
  • デザイナーが編集を紹介しています
  • 視覚フィードバックを必要とするアプリ
  • サイドバイサイドのビジュアルを備えた教育アプリ
  • インタラクティブUIのプロトタイピング
注意事項
  • 2つの画像アセットが必要です
  • 大きな画像ではパフォーマンスが異なる場合があります
  • 基本的なスタイリングを超えるカスタマイズは限られている
  • 動画やアニメーションコンテンツに最適化されていません
  • 動的画像の更新には追加の処理が必要になる可能性があります
対応プラットフォームAndroidiOSWebmacOSWindowsLinux

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

flutter pub add before_after

カテゴリー

ソースリポジトリ

関連プロジェクト