Animations in Flutter

This presentation is about Animations in Flutter, and is a compliment to my talk at the Flutter Mumbai 2020 Bootup.

Transcript

1. Awesome Animations with Flutter
2. About Me ★ My name is Urmil Shroff & I’m 21 years old ★ Pursuing Computer Engineering at Mukesh Patel School Of Technology Management & Engineering, NMIMS ★ I love working on Open Source projects - check out my GitHub profile! ★ Visit my site to get in touch - www.urmilshroff.tech (or just Google search my name!)
3. Types of Animations: Explicit & Implicit
4. Hero Animations ★ Simple, easy to use built-in animation widget ★ Automatically renders an animation between two elements on two separate pages ★ Every Hero widget has a Hero ID ★ The downside: a Hero widget can’t contain another Hero widget as its child ★ Workaround: use a combination of Stacks!
5. Hero Transitions
6. Dashboard Reborn 1 2 3 1 2 3
7. Multiple Heroes in a Stack Stack 1 Stack 3 Stack 2 Title Elt 1 Elt 2 Elt 3 Elt 2 Elt 1
8. Animated Container
9. Flare Animations ★ High quality GIF-like animations with full code control ★ Developed by a company called 2Dimensions (now called Rive) ★ Amazing Flutter support with the Flare package ★ You can precisely control the animation with Flutter code based on different events and conditions
10. Useful Links ★ Animation docs ★ Awesome Flutter list ★ Dashboard Reborn ★ Goalkeeper ★ Flutter Gallery ★ Flutter UI Challenges