搜尋套件、儲存庫與 APP 分類

套件詳情v1.0.1

flutterfx_blur_fade

一個 Flutter 小部件,透過結合模糊與淡入淡出效果來動畫化子組件。FlutterFX 動畫小部件集合的一部分。

AndroidiOSWebmacOSWindowsLinux
近 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。