Building Multi-Platform Products with Flutter: Tips and Best Practices
summary
Introduces MultiX, a new library for responsive and adaptive Flutter apps with widgets like MX layout, MX responsive and MX adaptive navigation that map breakpoints to extra-small…extra-large UIs; demonstrates a macOS + iOS app with selectable list, keyboard navigation and a contribution chart working on both. Recommends device_preview, go_router/auto_route, sidebar_x, macos_ui, context_menus, desktop_window and dual_screen. Notes platform workarounds: Trust Wallet Core needs JS interop or WASM on web with a GitHub wrapper. Gives performance tips: avoid nested StreamBuilders, cache widgets, use DevTools and image optimizers, lazy load.
AI-written summary · about
chapters (11)
- 0:00Introduction and speaker intro
- 4:38Flutter architecture overview
- 6:22Introducing MultiX library
- 7:27Creating responsive apps
- 11:41Adaptive apps and visual density
- 16:59Code organization tips
- 21:53Tools and libraries for multi-platform
- 25:24Platform-specific considerations
- 33:05Performance optimization tips
- 35:36Demo of multi-platform app
- 37:00Closing and Q&A
related talks
13mBuilding platform adaptive apps
39mCross-platform tools in the real world
44mMultimodule Flutter App
45mBuilding Products Full-Stack with Dart and Flutter
30mCross-platform Collaboration Patterns
46mHow to Cook Flutter Properly
56mBattle Royale of Cross-Platform Frameworks
22mArchitecture First: Foundations for Long Term Success