SuperAPI AI 工具集

flutter-animations

前端与建站

查看项目

更新于 10-16 08:41

技能介绍

用途:该技能是一份 Flutter 动画综合指南,用于创建流畅、高性能的动画,涵盖隐式动画、显式动画、Hero 转场和自定义动画模式。适用场景包括:创建平滑 UI 过渡、实现自定义动画、构建动画组件、动画性能优化、跨屏 Hero 动画、物理动画、复杂动画序列以及手势驱动动画。

主要能力:

  1. 隐式动画(适合简单场景):AnimatedContainer、AnimatedOpacity、AnimatedAlign 等,通过改变属性并配合 duration 与 curve 自动过渡。
  2. 显式动画(完全控制):使用 AnimationController 与 Tween,配合 SingleTickerProviderStateMixin,通过 AnimatedBuilder 构建。
  3. Hero 动画:在源页面与目标页面使用相同 tag 的 Hero 组件实现跨屏过渡。
  4. 自定义动画组件:如 FadeInWidget,封装 AnimationController 与 FadeTransition。
  5. 交错动画:用 Interval 将多个 Tween 分配到同一控制器的不同时间段。
  6. 物理动画:使用 animateWith 与 SpringSimulation、SpringDescription 实现弹簧效果。

最佳实践:动画子组件使用 const 构造;正确 dispose 控制器避免内存泄漏;用 AnimatedBuilder 替代 setState 提升性能;简单场景优先用隐式动画;无控制器时可用 TweenAnimationBuilder;在真机测试动画性能;限制同时动画数量避免卡顿;用 RepaintBoundary 隔离高开销重绘。

限制:资料未提供安装命令、收费方式、平台支持范围及具体版本要求,暂未提供相关信息。