|
1 | | -# 🚀 Flutter Animation |
| 1 | +# 🚀 Flutter Animation Showcase & Examples & Techniques |
2 | 2 |
|
3 | | -A Flutter project demonstrating the use of built-in animation widgets as well as custom animations. |
4 | | -Includes practical examples to help understand animation concepts and techniques in Flutter app development. |
| 3 | +A Flutter project demonstrating the use of built-in animation widgets as well as custom animations. Includes practical examples to help understand animation concepts and techniques in Flutter app development. |
5 | 4 |
|
6 | 5 | --- |
7 | 6 |
|
8 | 7 | ## ✨ Features |
9 | 8 |
|
10 | | -🔄 **Implicit Animations** |
11 | | -Animate changes with widgets like `AnimatedContainer`, `AnimatedOpacity`, `AnimatedCrossFade`, and `TweenAnimationBuilder`. |
12 | | - |
13 | | -🎮 **Explicit Animations** |
14 | | -Full control using `AnimationController`, `Tween`, `CurvedAnimation`, `TweenSequence`, and `AnimatedBuilder`. |
15 | | - |
16 | | -🧳 **Hero Animations** |
17 | | -Smooth transitions between screens using shared element animations with the `Hero` widget. |
18 | | - |
19 | | -🔁 **Transformations** |
20 | | -Apply dynamic rotation, scale, and movement using `Transform`, `Matrix4`, and gesture input. |
21 | | - |
22 | | -📋 **Animated Lists** |
23 | | -Animate item insertions and removals with `AnimatedList`, `SlideTransition`, and `SizeTransition`. |
24 | | - |
25 | | -🎨 **Custom Paint** |
26 | | -Draw animated visuals like a bouncing ball using `CustomPaint` and `CustomPainter`. |
27 | | - |
28 | | -🔂 **Looping Animations** |
29 | | -Use `addStatusListener` to create continuous forward–reverse animation loops. |
| 9 | +- 🔄 Implicit Animations with `AnimatedContainer`, `AnimatedOpacity`, `AnimatedCrossFade`, `TweenAnimationBuilder` |
| 10 | +- 🎮 Explicit Animations using `AnimationController`, `Tween`, `CurvedAnimation`, `TweenSequence`, `AnimatedBuilder` |
| 11 | +- 🧳 Hero Animations for seamless screen transitions using the `Hero` widget |
| 12 | +- 🔁 Transformations with `Transform`, `Matrix4`, and gesture-driven animations (rotate, scale, move) |
| 13 | +- 📋 Animated Lists with `AnimatedList`, `SlideTransition`, `SizeTransition` for dynamic item changes |
| 14 | +- 🎨 Custom Paint visuals using `CustomPaint` and `CustomPainter` (bouncing ball animation) |
| 15 | +- 🔂 Looping Animations using `addStatusListener` for continuous forward–reverse animation cycles |
30 | 16 |
|
31 | 17 | --- |
32 | 18 |
|
|
0 commit comments