|
3 | 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. |
4 | 4 |
|
5 | 5 | ## ✨ Features |
6 | | -- ✅ Built-in Flutter animation widgets (e.g., AnimatedContainer, AnimatedOpacity) |
7 | | -- 🔁 Custom animations using AnimationController and Tween |
8 | | -- 🎯 Smooth navigation transitions |
9 | | -- 📱 Responsive design |
| 6 | +🔄 Implicit Animations: |
| 7 | +Use built-in widgets like AnimatedContainer, AnimatedOpacity, AnimatedCrossFade, and TweenAnimationBuilder to animate property changes smoothly and easily without manual controllers. |
10 | 8 |
|
11 | | -## Language and Tools |
| 9 | +🎮 Explicit Animations with AnimationController: |
| 10 | +Fine-grained control over animations using AnimationController, Tween, CurvedAnimation, TweenSequence, AnimatedBuilder, and RotationTransition for advanced and custom animation logic. |
| 11 | + |
| 12 | +🔁 Hero Animations: |
| 13 | +Seamless transitions between screens using the Hero widget and matching tags, creating visually appealing shared element animations. |
| 14 | + |
| 15 | +🧩 Transformations: |
| 16 | +Apply dynamic 2D/3D transformations like rotate, scale, and translate using Transform, Matrix4, and user gestures via GestureDetector. |
| 17 | + |
| 18 | +📋 Animated Lists: |
| 19 | +Animate list item insertions and removals with AnimatedList, insertItem, removeItem, SlideTransition, and SizeTransition. |
| 20 | + |
| 21 | +🖌️ Custom Paint Animations: |
| 22 | +Create custom visuals using CustomPaint and CustomPainter, such as an animated bouncing ball synced with animation values. |
| 23 | + |
| 24 | +🔂 Looping Animations with Status Listeners: |
| 25 | +Implement repeated animations by listening to animation status (completed or dismissed) and triggering forward() or reverse() actions. |
| 26 | + |
| 27 | + |
| 28 | +<h3 align="left">Languages and Tools:</h3> |
12 | 29 | <p align="left"> |
13 | 30 | <img src="https://www.vectorlogo.zone/logos/flutterio/flutterio-icon.svg" alt="flutter" width="50" height="45"/> |
14 | 31 | <img src="https://www.vectorlogo.zone/logos/dartlang/dartlang-icon.svg" alt="dart" width="50" height="45"/> |
|
0 commit comments