Get Animated with Flutter!

on YouTube ↗42m

" summary

Covers how Flutter hits 60fps rendering by painting widgets to Skia and compiling to native ARM code, then shows working code: an AnimationController driven by a TickerProvider, tweening 0.0–1.0 into sizes and colors (example maps to 0→320), curved animations (bounce, ease), and physics sims like fling/spring. Live demos run via hot reload (claimed under 5s), examples live in the GitHub repo named animations 2011.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 1:52Why motion matters
3. 8:11What is Flutter
4. 17:02Animation basics in Flutter
5. 25:08Key animation classes
6. 32:11Live coding demos
7. 40:19Resources and closing

" related talks

• 47mAnimations in FlutterMuhammed Salih Guler · RS Conf 2019: Mobile People Day
• 32mAnimations in FlutterMuhammed Salih Guler · droidcon Italy 2019
• 27mAnimations in FlutterSalih Guler · DroidKaigi 2019
• 29mImprove your animations skills in FlutterDominik Roszkowski · droidcon Berlin 2021
• 47mAnimations in FlutterMuhammed Salih Guler · RS Conf 2019
• 41mAnimations in FlutterJohn Ryan · FlutterConf Latam 2024
• 01h 23mAdvanced animations in FlutterJustin McCandless, John Ryan · Fluttercon USA 2024
• 35mDeep Dive into Flutter Animations: Crafting Dynamic and Engaging UIsJosteve Adekanbi · Droidcon London 2023