搜索插件、代码仓与 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

所属分类

源码仓库

使用此插件的项目

暂无相关数据。