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

Flutter apps for everyone

Avatar for Pawan Kumar Pawan Kumar
October 18, 2020
Education
1
420

Flutter apps for everyone

Slides from my session at Devfest India
Avatar for Pawan Kumar

Pawan Kumar

October 18, 2020
Tweet

More Decks by Pawan Kumar

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

Other Decks in Education

See All in Education
Interactive Tabletops and Surfaces - Lecture 5 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
1
1.6k
いにしえの国産データベース～桐～って知っていますか？
Avatar for モブエンジニア masakiokuda
2
140
女子商アプリ開発の軌跡
Avatar for アシアル情報教育研究所 asial_edu
0
370
Prógram La Liberazione
Avatar for Ólafur Sverrir Traustason olafurtr90
0
180
Virtual and Augmented Reality - Lecture 8 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
1.6k
Multimodal Interaction - Lecture 3 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
1.5k
第1回大学院理工学系説明会｜東京科学大学（Science Tokyo）
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
2.7k
生成AI時代教育とICT支援員への期待
Avatar for Akihiko SHIRAI - 白井暁彦 o_ob
0
260
i-GIP 2025 中高生のみなさんへ資料
Avatar for i-GIP KYUSHU 202200
0
260
zupanijska natjecanja
Avatar for petarradanovic2 petarradanovic2
0
380
Avoin jakaminen ja Creative Commons -lisenssit
Avatar for Matleena Laakso matleenalaakso
0
1.8k
Information Architectures - Lecture 2 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
1.5k

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Done Done
Avatar for chrislema chrislema
184
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
129
19k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
68
11k

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