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

Flutter apps for everyone

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Pawan Kumar Pawan Kumar
October 18, 2020
Education
460
1

Flutter apps for everyone

Slides from my session at Devfest India

Avatar for Pawan Kumar

Pawan Kumar

October 18, 2020

More Decks by Pawan Kumar

See All by Pawan Kumar
How to create flavors in Android, iOS & Flutter
Avatar for Pawan Kumar iampawan
1
650
Become a PRO Flutter Developer
Avatar for Pawan Kumar iampawan
3
2.3k
Exploring new possibilities with Flutter for web
Avatar for Pawan Kumar iampawan
0
220
Flutter, the future of mobile.
Avatar for Pawan Kumar iampawan
3
740
Flutter is the best. Best practices & tools
Avatar for Pawan Kumar iampawan
3
1.2k

Other Decks in Education

See All in Education
ちいかわを読め
Avatar for uchi8977 uchi8977
0
240
良書紹介08_ 頭のいい子がやっているすごいグラフの読み方
Avatar for ぶんちん bunnchinn3
0
140
[2026前期火５] 論理学（京都大学文学部 前期 第13回）「走って、止まって、積み上がる」
Avatar for Shunsuke Yatabe yatabe
0
190
2026年度春学期　統計学　第10回　分布の推測とは － 標本調査，度数分布と確率分布 (2026. 6. 4)
Avatar for Akira Asano akiraasano
PRO
0
190
[2026前期火５] 論理学（京都大学文学部 前期 第14回）「計算は、証明ではない——ハルシネーションを三層ハーモニーで診る」
Avatar for Shunsuke Yatabe yatabe
0
210
私たちはなんでテストするんだっけ? Ver.東北IT物産展2026 in 会津若松
Avatar for おおひら camel_404
3
180
Tableau Public入門ハンズオン｜Titanicデータで学ぶViz作成とMakeover
Avatar for H.Hayashi hayashi_ds017
0
110
生成AI時代のエンジニア育成について考えてみた
Avatar for Daisuke Akagawa (Akasan) akasan
0
220
プログラミング言語において文字列を複数行にわたって だらだらと記載するアレ
Avatar for sapi_kawahara sapi_kawahara
0
210
Visionary Initiative: Future Intelligence 「未来の知性と社会の礎を築く」｜Science Tokyo（東京科学大学）
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
1.4k
「答えを出す」より「わかる」をつくる
Avatar for Kazuki Maeda kzkmaeda
1
270
Visionary Initiative: Materials-Positive Society — Evolving “Things,” empowering a positive society | Science Tokyo
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
200

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
640
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4.2k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
900
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M

Transcript

  1. Flutter apps for everyone Pawan Kumar Youtuber, MTECHVIRAL

  2. Handling Mouse Events

  3. Mouse Region A widget that tracks the movement of mice,

    even when no button is pressed.
  4. None

  5. Listener A widget that calls callbacks in response to common

    pointer events.
  6. None

  7. Our App

  8. None
  9. None

  10. Flutter apps for everyone

  11. Cross-Platform

  12. Cross-platform Flutter app Flutter App Flutter Branches stable beta dev

    master Android & iOS 1 + Web (PWA) 2 + Windows Mac Linux 1 2
  13. None

  14. Enabling features

  15. https://medium.com/@imthepk/flutter-features-configs- 9e0e19f9480e Learn more about feature configs

  16. Responsive Apps

  17. 1. MediaQuery 2. LayoutBuilder 3. AspectRatio 4. FractionallySizedBox 5. FittedBox

    6. OrientationBuilder Useful widgets & classes for responsive UI
  18. None

  19. velocityx.dev

  20. Use VelocityX less code for writing UIs & supports responsive

    UI. 40%
  21. None
  22. None

  23. Our App

  24. None
  25. None

  26. https://youtu.be/0GjsJEF9MaA Learn more about responsive UI in flutter

  27. Deployment

  28. Firebase

  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None

  38. https://mytmdbapp.web.app/

  39. Thank You Twitter: @imthepk Youtube:youtube.com/mtechviral