Composing large screens
summary
Sample app switches from single-column to two-column on fold/unfold and on resize, using Jetpack Window Manager (windowLayoutInfo, DisplayFeature/FoldingFeature) plus breakpoints from Window Size Classes to decide layout. Code uses a FoldDef data class, a coroutine in onCreate to observe window changes, and handles hinge orientation/size so content never sits under a hinge. Compose Adaptive is experimental, window-manager 1.2‑alpha requires compileSdk 34, and an open source helper compose-adapt-scaffold bundles this logic.
AI-written summary · about
chapters (10)
- 0:00Welcome and introduction
- 3:47What are large screens
- 12:11Foldable device categories
- 22:54Window size classes explained
- 25:27Canonical layouts in Material Design
- 33:11Tablets and foldables comparison
- 36:23Jetpack Window Manager overview
- 41:01Code walkthrough setup
- 58:03Recap and library introduction
- 1:00:21Q&A and closing
related talks
18mCompose: Implementing responsive UI for larger screens
26mMaking Apps adaptive with Material and Compose
29mFoldable, Meet Compose- 18mCompose: Implementing responsive UI for larger screens
33mBuild adaptive apps with Jetpack Compose
29mAdapting Android Apps for Multiple Screens Compose-First Approach
21mForm Factors #AskAndroid
33mIntroduction to dual-screen and foldables development