Building platform adaptive apps

on YouTube ↗13m

" summary

Flutter now targets six platforms and shows concrete techniques: a demo app Flutterfolio reuses one codebase while disabling editing on handset, enabling deep links on web, and offering desktop creation. It uses MediaQuery and LayoutBuilder for responsive reflow, a shared spacing constants class, Focus for keyboard traversal, onPointerSignal for custom scroll handling, and the bitsdojo window plugin to customize the title bar. Widgets handle scroll wheel, selectable text, visual density tweaks, and these approaches demonstrably work across mobile, desktop, and web.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 0:27Platform adaptive
3. 1:34Form factor and screen size
4. 4:52Input
5. 7:49Idioms and norms

" related talks

• 34mBuilding fantastic x platform apps with FlutterParth Jansari · GDG DevFest Ahmedabad 2017
• 01h 00mFuture-Proof Mobile Cross-Platform Apps with FlutterChristian Wenz · NDC Oslo 2020
• 33mBeyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and WebEmily Fortuna, Emily Shack · Google I/O 2019
• 22mIntroduction to FlutterBrett Morgan · /dev/world 2019
• 49mFirst Flutter, then Fly: Build Reactive & Performant Cross-Platform AppsNitya Narasimhan · Windy City DevFest 2018
• 32mBeyond Mobile: Material Design, Adaptable UIs, and FlutterWill Larche, Anthony Robledo · Google I/O 2019
• 35mBuilding Modern Cross-Platform Apps with FlutterVinay Gaba · droidcon San Francisco 2017
• 47mIntroduction to Cross Platform Development with FlutterFaisal Abid · Developer Summit 2020