Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Flutter Study Jam: Creating Your Own Animated Widgets

Flutter Study Jam: Creating Your Own Animated Widgets

Gave a talk on the implicitly animated widgets in Flutter, and how someone can easily create their own animated widgets.




Joshua de Guzman

September 24, 2019


  1. Flutter Study Jam #1 Creating Your Own Animated Widgets Sponsored

    by Freelancer.com Philippines Ecotower, Taguig City 1630
  2. Flutter Philippines Community JAN 2019 Founded FEB - JUL 2019

    Interest Growth AUG 2019 - PRESENT Meetups, Study Jams, Recognized by Google Timeline Groups Facebook Flutter Philippines Community 250+ Meetup.com meetup.com/flutterph 100+
  3. Events September 24, 2019 Flutter Study Jam #1: Everything is

    a Widget, Flutter Animations Registration is closed October 1, 2019 Flutter Study Jam #2: State Management, RESTful APIs in Flutter Registration: Opens Tonight October 2019 Flutter Philippines Online Hackathon 2019 Registration: Opens Tonight

  5. Agenda Keynote Flutter Intro by Joshua de Guzman Study Jam

    Session #1 Flutter 101 by Oliver Atienza Study Jam Session #2 Creating Your Own Animated Widgets in Flutter by Joshua de Guzman
  6. Study Jams

  7. Study Jams Study Jams are community-run study groups for developers.

    This is a great opportunity to bring members of the community together to learn something in person.
  8. Ismailia, Egypt

  9. Sanaa, Yemen

  10. Skopje, Macedonia

  11. Cairo, Egypt

  12. Manila, Philippines

  13. Creating Your Own Animated Widgets in Flutter Joshua de Guzman

    Mobile Engineer, Freelancer.com Volunteer, Flutter Philippines
  14. Agenda 1. Animations 101 2. Implicit and Explicitly Animated Widgets

    3. Creating Your Own Animated Widgets 4. Other Flutter Animation Magic! 5. Wrap up!
  15. Animations 101

  16. None
  17. Flutter Animations

  18. Flutter Animations Animation Tween AnimationController CurvedAnimation

  19. Physics https://medium.com/@erdoganbavas/physics-based-animations-in-flutter-1d20130919a1 Tween https://medium.com/flutter-community/flutter-animation-easy-way-of-learning-the-flutter-implicit-ani mation-widgets-pt-1-712f2b78f6b5

  20. Tween https://github.com/mitesh77/Best-Flutter-UI-Templates

  21. Implicit and Explicitly Animated Widgets

  22. Creating Your Own Animated Widgets

  23. Live Coding

  24. #FlutterStudyJam #flutterdotph Flutter FAQ https://flutter.dev/docs/resources/faq Ask me anything twitter.com/joshuamdeguzman Support

    what I do github.com/joshuadeguzman http://bit.ly/jdg-flutteranimations-feedback