パッケージ、リポジトリ、アプリカテゴリを検索

ducafecatFlutter エコシステムナビ
パッケージ詳細v1.0.1

flutterfx_blur_fade

子要素を、ぼかしとフェード効果の組み合わせでアニメーションする Flutter ウィジェット。FlutterFX アニメーションウィジェットコレクションの一部です。

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

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

flutter pub add flutterfx_blur_fade

パッケージ概要

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

FlutterFX コレクションの Flutter ウィジェットで、子要素に滑らかな結合されたぼかしとフェードアニメーションを適用します。ユーザーインターフェースでの繊細で洗練された遷移を作成するのに最適であり、コンテンツを徐々にぼかして表示または非表示にすることで視覚的な魅力を高めます。流れるような動きや奥行きが重要な現代アプリデザインに最適です。Android、iOS、Web、macOS、Windows、Linux などのすべての主要プラットフォームで動作します。

用途

  • スムーズな画面遷移の作成
  • スプラッシュスクリーンの強化
  • アニメーション付きカードまたはパネルの入場
  • 繊細なエフェクトでUIの奥行きを向上させる
  • 読み込み状態に磨きをかける

主な機能

  • ブラーとフェードの組み合わせアニメーション
  • FlutterFX とのシームレスな統合
  • クロスプラットフォーム互換性
  • カスタマイズ可能なアニメーション期間
  • 任意の子ウィジェットをサポート
  • 軽量でパフォーマンスに優れる

適している対象

  • 洗練されたアニメーションを求めるUIデザイナー
  • 現代のFlutterアプリを開発する開発者
  • 繊細でありながら効果的な遷移を必要とするアプリ
  • FlutterFXエコシステムを使用するプロジェクト
  • 高品質なユーザー体験に注力するチーム

注意事項

  • 低性能デバイスでのパフォーマンスに影響を与える可能性があります
  • アニメーションパラメータの正確な調整が必要です
  • 視覚的な混雑を避けるために控えめに使用することをお勧めします
  • 高速・高頻度のアニメーションには適していません
  • FlutterFX コア依存関係に依存しています

元の README

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

FlutterFX: A collection of animated effects build with Flutter

Multiple Flutter aniamted effects examples with Flutter.

Each one a building block.

Feel free to use them for your next project.

Star the repo if you find any effect usefull.

📚 View the documentation

Preview

Folder
Folder 		Smoke
Smoke 		Bookshelf
Bookshelf
Circle Selector
Circle Selector 		3D Vinyl
3D Vinyl 		BlurFade
BlurFade
Border Beam
Border Beam 		Meteors
Meteors 		Neon Card
Neon Card
Hyper Text
Hyper Text 		Typing Animation
Typing Animation 		Rotating Text
Rotating Text
Text Blur
Text Blur 		Text Float Blur
Text Float Blur 		Text Chaos Blur
Text Chaos Blur
Text Balloon Fizzle
Text Balloon Fizzle 		Text Flip
Text Flip 		Interactive Globe
Interactive Globe
Celebrate
Celebrate 		Tube Light
Tube Light 		Life Balance
Life Balance
Avatar Loader
Avatar Loader 		Profile Loader
Profile Loader 		Animated Grid
Animated Grid
Beam Pattern
Beam Pattern 		Ripple Effect
Ripple Effect 		Dot Matrix
Dot Matrix
Bottom Sheet
Bottom Sheet 		Butterfly Flight
Butterfly Flight 		Circular Reveal
Circular Reveal
Transform Guide
Transform Guide 		Glowing Bulb
Glowing Bulb 		Thread Design
Thread Design
Expand Collapse
Expand Collapse 		Beam Burst
Beam Burst 		Flickering Cards
Flickering Cards
Dynamic Grid
Dynamic Grid 		Gemini Splash
Gemini Splash 		Spark Loader
Spark Loader
Blur Grid
Blur Grid 		Grid Motion
Grid Motion 		Infinite Scroll
Infinite Scroll
3D Scroll
3D Scroll 		Interactive Butterfly
Interactive Butterfly 		Ticker Effect
Ticker Effect
Night Toggle
Night Toggle 		Toast Alert
Toast Alert 		Orbit Motion
Orbit Motion
Blur Orbit
Blur Orbit 		Star Orbit
Star Orbit 		Page Flip
Page Flip
Particle Effect
Particle Effect 		GitHub Spark
GitHub Spark 		Progress Set 1
Progress Set 1
Progress Set 2
Progress Set 2 		Tree Rotation
Tree Rotation 		Reveal Effect
Reveal Effect
Scroll Progress
Scroll Progress 		Shimmer Button
Shimmer Button 		Shining Card
Shining Card
Shader Demo
Shader Demo 		Sphere Loader
Sphere Loader 		Door Reveal
Door Reveal
Square Loader
Square Loader 		Stacked Cards
Stacked Cards 		Expandable Stack
Expandable Stack
Text Morph
Text Morph 		Path Text
Path Text 		Text Spring
Text Spring

Quick Start

  1. Clone this repository
  2. Run flutter pub get
  3. Open the project in your preferred IDE
  4. Run the app on your device or simulator

Documentation

For detailed implementation guides and API references, visit flutterfx.com/docs

Contributing

Found a bug? Have a suggestion? Feel free to open a PR with your improvements!

License

This project is licensed under the MIT License. See the LICENSE file for details.

flutterfx.com

カテゴリー

アニメーションとトランジション

ソースリポジトリ

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

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