Build adaptive apps with Jetpack Compose

on YouTube ↗33m

" summary

Workshop shows how to make a Compose app adapt to window size classes (compact/medium/expanded) and fold state, uses Material3 adaptive components like navigationSuiteScaffold to swap bottom bar, nav rail or permanent drawer, and sets a custom 1,200 dp breakpoint for a permanent navigation drawer. The sample adds a list‑detail pane scaffold, a selectedEmail state synced to navigation, navigator back handling and animations. Live demo stalls on Gradle/Network but code and steps are provided.

AI-written summary · about

" chapters (5)

1. 0:00Adaptive apps intro
2. 1:25Window size classes
3. 13:40Dynamic navigation
4. 24:51Canonical layouts
5. 31:56Pane navigation & back

" related talks

• 26mMaking Apps adaptive with Material and ComposeGurupreet Singh · droidcon Italy 2022
• 18mCompose: Implementing responsive UI for larger screensMatvei Malkov, Alex Vanyo · Android Dev Summit 2022: Form Factors
• 01h 01mComposing large screensThomas Künneth · droidcon Berlin 2023
• 15mBuild beautiful Material Design apps with Jetpack ComposeNick Rout, Louise Macfadyen · Google I/O 2021
• 43mBuilding Accessible Apps with Jetpack ComposeKarol Wrótniak · Android Worldwide July 2023
• 14mImplementing Android apps for all screen sizesAlex Vanyo · Google I/O 2022
• 18mCompose: Implementing responsive UI for larger screensMatvei Malkov, Alex Vanyo · Android Dev Summit 2022
• 01h 11mCodelab: Jetpack Compose BasicsNav Singh · Android Worldwide October 2021