Compose: Implementing responsive UI for larger screens
summary
Shows concrete Compose tools and patterns: use Jetpack WindowManager + Material3-Window-Size-Class (calculateWindowSizeClass) to drive navigation choices (bottom nav on compact, navigation rail on medium/expanded), use adaptive grids (LazyVerticalGrid / adaptive arrangement) and the Freeform Emulator to see cards join rows as windows resize, use TwoPane from Accompanist with displayFeatures to handle folds and tabletop mode, and replace clipped rows with FlowRow so chips wrap. Sample code and canonical layouts (feed, supporting panel, list‑detail) are published and runnable.
AI-written summary · about
chapters (6)
- 0:00Introduction to Adaptive UI
- 0:55Application level design
- 4:04Screen level layouts
- 7:37Canonical layout patterns
- 13:34Component level flexibility
- 17:30Conclusion and recap
related talks
18mCompose: Implementing responsive UI for larger screens
26mMaking Apps adaptive with Material and Compose
33mBuild adaptive apps with Jetpack Compose
01h 01mComposing large screens
35mBuild adaptive apps with Compose's new APIs
38mImplementing That Common UI in Jetpack Compose: X Ways
43mBuilding Accessible Apps with Jetpack Compose
35mAdaptive Layouts in Compose