|
2 | 2 |
|
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 | | -## ✨ Features |
6 | | -🔄 Implicit Animations: |
7 | | -Use built-in widgets like AnimatedContainer, AnimatedOpacity, AnimatedCrossFade, and TweenAnimationBuilder to animate property changes smoothly and easily without manual controllers. |
| 5 | +## Features |
| 6 | +Implicit Animations: Animate changes with widgets like AnimatedContainer, AnimatedOpacity, AnimatedCrossFade, and TweenAnimationBuilder. |
8 | 7 |
|
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. |
| 8 | +Explicit Animations: Full control using AnimationController, Tween, CurvedAnimation, TweenSequence, and AnimatedBuilder. |
11 | 9 |
|
12 | | -🔁 Hero Animations: |
13 | | -Seamless transitions between screens using the Hero widget and matching tags, creating visually appealing shared element animations. |
| 10 | +Hero Animations: Smooth transitions between screens using shared element animations with the Hero widget. |
14 | 11 |
|
15 | | -🧩 Transformations: |
16 | | -Apply dynamic 2D/3D transformations like rotate, scale, and translate using Transform, Matrix4, and user gestures via GestureDetector. |
| 12 | +Transformations: Apply dynamic rotation, scale, and movement using Transform, Matrix4, and gesture input. |
17 | 13 |
|
18 | | -📋 Animated Lists: |
19 | | -Animate list item insertions and removals with AnimatedList, insertItem, removeItem, SlideTransition, and SizeTransition. |
| 14 | +Animated Lists: Animate list item insertions and removals with AnimatedList, SlideTransition, and SizeTransition. |
20 | 15 |
|
21 | | -🖌️ Custom Paint Animations: |
22 | | -Create custom visuals using CustomPaint and CustomPainter, such as an animated bouncing ball synced with animation values. |
| 16 | +Custom Paint: Draw animated visuals like a bouncing ball using CustomPaint and CustomPainter. |
23 | 17 |
|
24 | | -🔂 Looping Animations with Status Listeners: |
25 | | -Implement repeated animations by listening to animation status (completed or dismissed) and triggering forward() or reverse() actions. |
| 18 | +Looping Animations: Use addStatusListener to create continuous forward-reverse animation loops. |
26 | 19 |
|
27 | 20 |
|
28 | | -<h3 align="left">Languages and Tools:</h3> |
| 21 | +## Languages and Tools: |
29 | 22 | <p align="left"> |
30 | 23 | <img src="https://www.vectorlogo.zone/logos/flutterio/flutterio-icon.svg" alt="flutter" width="50" height="45"/> |
31 | 24 | <img src="https://www.vectorlogo.zone/logos/dartlang/dartlang-icon.svg" alt="dart" width="50" height="45"/> |
32 | 25 | |
33 | 26 | <img src="https://github.com/user-attachments/assets/81601bc6-d10f-436a-a3fa-fb3b129feaf6" alt="VS Code" width="50" height="45"/> |
34 | 27 | </p> |
35 | 28 |
|
36 | | -<h3 align="left">Connect with me:</h3> |
| 29 | +## Connect with me: |
37 | 30 | <h5 align="left"> |
38 | 31 | <a href="https://www.linkedin.com/in/fady-esam/" target="_blank"> |
39 | 32 | <img src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg" alt="Fady Esam" height="45" width="45" /> |
|
0 commit comments