Flutter Animations Tutorial For Beginners
Rivaan Ranawat Rivaan Ranawat
49.1K subscribers
25,955 views
0

 Published On Sep 18, 2023

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 - https://github.com/RivaanRanawat/anim...
Final Source Code - https://github.com/RivaanRanawat/anim...

20H Flutter & Dart Course -    • The Complete Dart & Flutter Developer...  
List of AnimatedXYZ Widgets - https://api.flutter.dev/flutter/widge...
List of XYZTransition Widgets - https://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: https://github.com/rivaanranawat
Linkedin:   / rivaan-ranawat  
Facebook:   / rivaan.ranawat  
Mail: [email protected]
Medium:   / namanrivaan  
Twitter:   / ranawatrivaan  

show more

Share/Embed