Flutter Animations Tutorial For Beginners 

In this video, we’ll dive deep into animations using Flutter. We'll explore different techniques that will build a strong foundation in animation. We’ll begin with 'Implicit Animations' which will teach us how to add smooth animations without the need for complex setups or code. Next, we'll dive into 'Explicit Animations’ where we’ll learn how to have complete control over every aspect of our animation, allowing us to create unique effects. After that, We'll explore 'Page Transitions' where we’ll learn the art of smoothly transitioning between different screens. And finally, we’ll learn about Custom Painter and how we can animate something drawn using Custom Painter! The prerequisite for this tutorial is the basics of Dart & Flutter.
📌 Discord Server - / discord
Starter Project - github.com/RivaanRanawat/anim...
Final Source Code - github.com/RivaanRanawat/anim...
20H Flutter & Dart Course - • The Complete Dart & Fl...
List of AnimatedXYZ Widgets - api.flutter.dev/flutter/widge...
List of XYZTransition Widgets - api.flutter.dev/flutter/widge...
Timestamps:
(00:00:00) Introduction & Prerequisites
(00:00:48) Code Explanation of Color Palette
(00:07:40) Demo of Animated Color Palette
(00:08:14) Implicit Animation Example 1: Coding Animated Color Pallete
(00:18:37) Demo of Animated Shopping App Cart Button
(00:19:27) Implicit Animation Example 2: Coding Animated Shopping App Cart Button
(00:32:07) ImplicitlyAnimatedWidget
(00:34:10) Implicit Animation Example 2: TweenAnimationBuilder
(00:55:56) Recap: Implicit Animations
(00:57:33) Explicit Animations
(00:58:37) Login Animation
(01:12:10) Recap Part 1: Login Animation Till Now
(01:15:07) Login Animation Slide Contd.
(01:29:44) List Animation (Staggered Animations)
(01:44:27) Recap: Interval Explanation
(01:47:12) Loading Animation
(01:56:10) Recap: Explicit Animations
(01:57:15) Implicit vs Explicit Animations
(01:59:15) Page Route Animations w/ Explicit Animations
(02:25:21) Custom Painter & Animations
(02:44:40) Recap: Custom Painter
(02:47:52) Conclusion
Connect With Me Here:
Instagram: / optimalcoding
GitHub: github.com/rivaanranawat
Linkedin: / rivaan-ranawat
Facebook: / rivaan.ranawat
Mail: namanrivaan@gmail.com
Medium: / namanrivaan
Twitter: / ranawatrivaan