FLUTTER ECOSYSTEM

circular_reveal_animation

円形リービールアニメーションをFlutterウィジェットとして!AndroidのViewAnimationUtils.createCircularReveal(...)にインスパイアされています。

circular_reveal_animation のカバー
最新バージョン
2.0.2
30日間ダウンロード
3380
いいね数
271
Pub ポイント
160

パッケージ概要

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

概要

Android の ViewAnimationUtils.createCircularReveal をインスパイアした、円形のリベールアニメーションを可能にする Flutter ウィジェットです。ターゲットウィジェットに滑らかな拡大または収縮する円形効果を作成し、コンテンツを自然で流れるような動きで表示または非表示にするのに最適です。アニメーションはプラットフォームに依存せず、Android、iOS、Web、macOS、Windows、Linux で動作します。既存の Flutter アプリにシームレスに統合され、UI の遷移やユーザー参加度を向上させます。

用途
  • リップル効果で隠されたコンテンツを明らかにする
  • 閉じる円形アニメーションでウィジェットを非表示にする
  • ダイナミックリーブ効果を備えたインタラクティブボタンの作成
  • アニメーションエントリーでスプラッシュスクリーンを強化する
  • 滑らかな外観を持つモーダルダイアログのデザイン
  • ナビゲーション遷移での視覚フィードバックの追加
主な機能
  • クロスプラットフォーム互換性
  • 滑らかでカスタマイズ可能な円形リービール
  • 展開および収縮アニメーションの両方をサポートしています
  • 既存のウィジェットとの簡単な統合
  • 組み込みのアニメーションタイミング制御
  • 任意の子ウィジェットと連携可能
適している対象
  • 魅力的なトランジションを求めるUIデザイナー
  • インタラクティブなFlutterアプリを開発する開発者
  • マテリアルデザイン風のアニメーションを必要とするアプリ
  • 動的なコンテンツを含むプロジェクトはニーズを明らかにする
  • 一貫した動作を備えた複数のプラットフォームをターゲットにするチーム
注意事項
  • 複雑な子ウィジェットによってパフォーマンスが異なる場合があります
  • 最良の視覚的結果を得るためには、正確な配置が必要です
  • 半径と中心以外のカスタマイズは限定的
  • 高頻度のアニメーションには適していません
  • フルスクリーン効果を実現するためには、追加のレイアウトラッピングが必要になる場合があります
対応プラットフォームAndroidiOSWebmacOSWindowsLinux

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

flutter pub add circular_reveal_animation

カテゴリー

ソースリポジトリ

関連プロジェクト