Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Exploring Flutter Animations - Flutter Mumbai

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Nachiket Gohil Nachiket Gohil
July 27, 2024
Technology
1
0

Exploring Flutter Animations - Flutter Mumbai

Develop Custom Animated Widgets using Flutter's Implicit Widget catalogs

Avatar for Nachiket Gohil

Nachiket Gohil

July 27, 2024

More Decks by Nachiket Gohil

See All by Nachiket Gohil
Flutter to FlutterFlow - FFDG Mumbai
Avatar for Nachiket Gohil nachiketgohil185
0
1

Other Decks in Technology

See All in Technology
AI × アーキテクト 第1・2章｜生成AIの課題とアーキテクトの素養
Avatar for Daisuke Motoki daidaidai
0
170
LambdaWebFunctionsを試してみた / exploring-lambda-web-functions
Avatar for koukihosaka koukihosaka
1
340
Code for Security プロジェクト紹介 2026年10月
Avatar for Yuki Kawabe yu23ki14
0
110
Kiro Crewをはじめよう
Avatar for t.kizawa kizawa2020
1
160
S3 Filesで挑む！ 八戸せんべい汁の食べ頃問題
Avatar for usanchuu usanchuu
0
100
サブエージェントと Claude Mods で作る独自 Advisor ツールの話
Avatar for Kenichi Odo kenichiodo
2
160
Classmethod Company Deck
Avatar for Satoshi7 satoshi7
1
690
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
Avatar for Tamirlan 893 Torgayev prog893
4
1.1k
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
Avatar for Riya Amemiya riyaamemiya
0
290
Conditional PED-ANOVA: Hyperparameter Importance in Hierarchical & Dynamic Search Spaces
Avatar for Preferred Networks pfn
PRO
0
130
「Docker Desktop不要の時代」は 来たのか？
Avatar for ueponx ueponx
0
770
"優秀な誰か"の下位互換にならないために
Avatar for Yuto Nagai(Future) yut0naga1_fa
1
1.8k

Featured

See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
710
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
780
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
320
Building an army of robots
Avatar for Kyle Neath kneath
307
47k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
360
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
620
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
58k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
1
280
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
400

Transcript

  1. None

  2. Exploring Flutters' Underrated Animations Give a LIFE to your Boring

    app

  3. initState() Give a LIFE to your Boring app

  4. None

  5. Static vs Live app

  6. Users Reaction

  7. Live apps Contains Animations as - Animated Widgets - Animated

    Icons - Animated Illustrations - Animated Transitions

  8. Flutters’ Capabilities Give a LIFE to your Boring app

  9. Implicit animations - Easy-to-use - Animations handled internally Explicit animations

    - Controllable through controllers - Customization using tweens

  10. Understanding Tools

  11. build() Give a LIFE to your Boring app

  12. AnimatedContainer()

  13. AnimatedIcon()

  14. AnimatedPadding()

  15. AnimatedAlign()

  16. AnimatedSwitcher()

  17. Code Place Find the code in GitHub https://github.com/NachiketGohil /animation_sparks

  18. Real World Examples Give a LIFE to your Boring app

  19. Wondrous App

  20. My Button Package - Scenario & Problem - Idea -

    Implementation - Usage

  21. dispose() 🤩 Boring app Got a LIFE !

  22. Recap - Importance of animations in UX - How apps

    make differences with Live apps - Implicit and Explicit animation type - How to create Animations using Animated widgets - Real World Implementations - Wonderous app & SAButton
  23. None

  24. deactivate() 🤩 Boring app Got a LIFE ! Lets’ Connect