~/talk

Animations in Flutter

Talkat DroidKaigi 2019 · 2019-02-07..02-08· [flutter]
slides:none on file

The session demonstrates working Flutter code that builds fade, slide, staggered and rotating animations using AnimationController and Tween, AnimatedWidget/AnimatedBuilder, FadeTransition and SlideTransition with concrete values like 500ms and 1s and 60fps. It shows non‑linear timing via Curves.elasticOut and Interval, and unbounded controllers driving physics-based simulations (gravity and spring). It integrates Flare vector animations by loading a .flr file. All demos run live and the examples compile and perform smoothly.

AI-written summary · about

  1. 0:00Introduction to Flutter
  2. 1:03Animation importance
  3. 2:20Animation fundamentals
  4. 5:51Building a fade transition
  5. 10:25Using animated widgets
  6. 11:45Tweens and curves
  7. 13:49Implementing offset animation
  8. 16:12Staggered animations
  9. 21:41Physics-based animation
  10. 23:23Using Flare for design
  11. 25:03Conclusion and resources
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.