Enhancing my app for foldables
summary
Claims that foldable support in Flutter stable is practical by taking Flutter Gallery and actually making it span correctly on Surface Duo and emulator. Uses Flutter stable, the Microsoft display features extension and two-pane widget, plus adaptive_breakpoints and route changes. Adds isDisplayFoldable, replaces stacks with two-pane in splash and demo pages, and marks case-study routes to open in second screen. Result renders home left, Easter egg or case studies right, demos with controls on right, and the changes are merged to the Gallery repo and verified on device and emulator.
AI-written summary · about
chapters (9)
- 0:00Introduction to foldables
- 1:56Running the app on desktop
- 4:56Understanding screen size handling
- 7:48Detecting foldable displays
- 9:34Adjusting the splash screen
- 12:03Modifying demo layouts
- 13:52Updating case study navigation
- 17:13Adding a two-pane demo
- 17:57Resources and conclusion
related talks
01h 21mEnhance your single screen designed-app to make it shine on foldable devices
13mBuilding platform adaptive apps
22mIs your app ready for foldable phones?
35mIs Your App Ready for Foldable Phones?
38mBuilding scrolling experiences in Flutter
32mBeyond Mobile: Material Design, Adaptable UIs, and Flutter
50mFlutter in Action: How to build cross-platform app with Dart
34mGoogle Flutter: The Next Frontier in Mobile Development