~/talk

Animations in Flutter

Talkat RS Conf 2019 · 2019-08-09..08-11· [flutter]
links:none on file
slides:none on file

Concrete recipes and working code show how to make opacity, position and staggered sequences using Flutter widgets and classes rather than platitudes: AnimationController and Tween drive FadeTransition and SlideTransition, staggered animations with Interval coordinate height/angle/margin/color so three boxes split and rotate, a gravity simulation implements free‑fall physics, and a Flare vector asset animates a waving character. Examples run cross‑platform from the same codebase, hit ~60 fps when optimized, and the largest demo is about 150 lines of code.

AI-written summary · about

  1. 0:00Introduction
  2. 1:13What is Flutter
  3. 3:13Why animations are important
  4. 4:12Tween animations
  5. 6:50Fade transition
  6. 15:24Animated Widgets
  7. 18:08Twining
  8. 19:20Curves
  9. 20:09Types of curves
  10. 25:28Animation speed
  11. 28:11Animation controller
  12. 36:21Physics animations
  13. 37:41Flair Layer
  14. 38:23Conclusion
  15. 39:33QA
~/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.