Enhance your single screen designed-app to make it shine on foldable devices

on YouTube ↗01h 21m

" summary

Walks through converting a single-screen list/detail app to use Jetpack WindowManager plus SlidingPaneLayout and NavigationRail, replacing a fragment container with a 280dp left pane so both panes show on larger screens; emulators (Surface Duo with 66px hinge and an older 1px hinge) show the layout compensates for the hinge automatically. Adds coroutine-based WindowInfoRepository handling, a back-press pane closer, and instrumentation tests that mock a folding feature — tests run and pass.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to foldable devices
2. 6:04Enhancing single screen apps
3. 14:11Adding sliding pane layout
4. 29:34Transforming to navigation rail
5. 1:01:06Testing with window manager
6. 1:19:37Summary and resources

" related talks

• 39mFinding Success on Large Screens and FoldablesJohn Wiese · droidcon London 2022
• 37mBuilding Responsive UIs for tablets, foldables, and other devicesRan Nachmany, Ofir Miron · droidcon New York 2022
• 21mBuilding an adaptive layout with SlidingPaneLayoutMiguel Montemayor · Google I/O 2022
• 29mFoldable, Meet ComposeJoy Liu · droidcon San Francisco 2022
• 47mThe age of large screen & foldablesFrancesco Romano, Cesar Valiente Gordo · droidcon Berlin 2022
• 01h 01mComposing large screensThomas Künneth · droidcon Berlin 2023
• 42mLarge screens and foldablesGuy Merin, Parker Schroeder, Kristen Halper · droidcon New York 2022
• 19mEnhancing my app for foldablesAndrei Tudor Diaconu · Flutter Vikings 2022