Craig and Vadym Pinchuk, Software Developer at Sky and Flutter & Dart GDE, live at FlutterCon USA in Orlando to discuss how to build adaptive Flutter apps for foldable devices! Don’t have any devices to test your app on a foldable device? Vadym shares how developers can emulate apps on foldable devices.
Discover why building for foldables goes way beyond simple responsive breakpoints. Foldables aren't just about dynamic widths and heights, apps need to adapt to different device postures (book mode, tabletop, open, closed). Learn how you can find hinges, folds, or cutouts on foldable device information in Flutter’s MediaQuery.displayFeatures.
Resources:
DisplayFeature class docs→ https://goo.gle/4zNrY77
MediaQuery class docs → https://goo.gle/4qP6HG7
device_preview on pub.dev → https://goo.gle/4yapEp4
How to build Adaptive UI with Flutter (video) → https://goo.gle/3UKaFDZ
Chapters:
0:00 - Live from Fluttercon Orlando
0:43 - Testing foldables without real hardware (Emulator)
1:31 - Beyond breakpoints: Why foldables are unique
2:29 - Fold angles
3:17 - Dual screens & separating display screens
4:32 - Postures & Flutter’s MediaQuery.displayFeatures
5:15 - Foldables checklist: Adapting bottom navigation & tablet layouts
#Flutter #Fluttercon
Watch more videos from Fluttercon USA ‘26 → https://goo.gle/fluttercon-usa
Subscribe to Flutter → http://goo.gle/FlutterYT
Products Mentioned: Flutter
Discover why building for foldables goes way beyond simple responsive breakpoints. Foldables aren't just about dynamic widths and heights, apps need to adapt to different device postures (book mode, tabletop, open, closed). Learn how you can find hinges, folds, or cutouts on foldable device information in Flutter’s MediaQuery.displayFeatures.
Resources:
DisplayFeature class docs→ https://goo.gle/4zNrY77
MediaQuery class docs → https://goo.gle/4qP6HG7
device_preview on pub.dev → https://goo.gle/4yapEp4
How to build Adaptive UI with Flutter (video) → https://goo.gle/3UKaFDZ
Chapters:
0:00 - Live from Fluttercon Orlando
0:43 - Testing foldables without real hardware (Emulator)
1:31 - Beyond breakpoints: Why foldables are unique
2:29 - Fold angles
3:17 - Dual screens & separating display screens
4:32 - Postures & Flutter’s MediaQuery.displayFeatures
5:15 - Foldables checklist: Adapting bottom navigation & tablet layouts
#Flutter #Fluttercon
Watch more videos from Fluttercon USA ‘26 → https://goo.gle/fluttercon-usa
Subscribe to Flutter → http://goo.gle/FlutterYT
Products Mentioned: Flutter