Animations: Best Practices in Flutter (By Mahnoor Rizwan) - DevFest 2022

Talk by Mahnoor Rizwan (https://www.linkedin.com/in/mahnoor-rizwan-b7657818b/) at DevFest Lahore 2022 by GDG Lahore.

Transcript

1. Lahore Mahnoor Rizwan Flutter Engineer, WE > I Animations: Best Practices in Flutter
2. Agenda 1. Intro to Flutter 2. Animations 3. Deep diving into animations 4. Do’s and Don’ts 5. Key Takeaways 6. Q/A
3. FLUTTER
4. High-Velocity Development Expressive and Flexible Toolkit Native iOS and Android App
5. Flutter combines native performance and quality with high-velocity development and multi-platform reach.
6. ANIMATIONS
7. Implicit Animations a. Simpler to create complex animations with minimal code b. Declarative syntax
8. Explicit Animations a. More Control b. Imperative syntax
9. Custom Painters a. Low-level drawing APIs b. Canvas ApIs
10. Animation Widgets • Animated Container • Animated Opacity • Animated Padding • Animated Positioned
11. Animated Container
12. Animated Opacity
13. Animated Padding
14. Animated Positioned
15. Animation Widgets • Tween Animation Builder • Slide Transition
16. • Slide Transition • Bloc state management • Pixel control
22. Do’s and Don’ts: Syntax 1. Declarative syntax 2. Imperative syntax
23. Key Takeaways • Flutter has made animations easy and accessible • Implementing Animations • Best Practices
24. THANK YOU!