Flutter 动画图库

这个项目展示了最常见的 Flutter 动画 API。

预览

Flutter-Animations-Gallery

也可作为 Flutter 网页演示。

设置

  • [x] 曲线：内置 Flutter 动画曲线的展示
  • [x] 主题：主色主题选择（红、靛蓝、绿、棕）
  • [x] 时长：滑块用于设置应用中各种动画的时长

隐式动画

  • [x] AnimatedContainer
  • [x] AnimatedPositioned
  • [x] TweenAnimationBuilder

显式动画

  • [x] ScaleTransition
  • [x] RotationTransition
  • [x] Staggered Animations
  • [x] Animated Ring (AnimationController + CustomPainter)

其他功能

  • [x] 自适应 UI：移动端竖屏时的抽屉导航，移动端横屏或更大尺寸时的分屏视图
  • [x] 全局应用状态 (使用 Riverpod 管理，可选择曲线、主题、时长)

注意：未来我可能会包含更多示例。欢迎贡献和拉取请求。

GitHub

https://github.com/bizz84/flutter_animations_gallery