Adapting Android Apps for Multiple Screens Compose-First Approach
summary
A Compose-first approach adapts two real apps (Androidify and Jetstream) to phones, TVs, tablets, foldables, XR and external monitors by using Jetpack Compose, Compose for TV, WindowManager 1.5 breakpoints (now with Window Size Classes large and extra large), and Material3 adaptive libs (navigation switch scaffold). Implementations include adaptive feed/grid layouts, gridCellAdaptive, custom preview providers, drag‑and‑drop with temporary URI permissions and caching, and a single scaffold that actually runs across surfaces.
AI-written summary · about
chapters (10)
- 0:00Adaptive Android apps intro
- 1:08Phone to TV development
- 3:18TV navigation differences
- 5:31Multi-device layouts
- 8:03Window Size Classes
- 12:26List layout optimization
- 16:51Phone vs TV navigation
- 19:20Multi-screen previews
- 21:27Desktop drag and drop
- 27:57Summary and resources
related talks
26mMaking Apps adaptive with Material and Compose
18mCompose: Implementing responsive UI for larger screens
01h 01mComposing large screens
14mImplementing Android apps for all screen sizes
41mMaking an Existing App Adaptive: The JetStream Case / Extending Application Adaptability:…
33mBuild adaptive apps with Jetpack Compose- 18mCompose: Implementing responsive UI for larger screens
21mForm Factors #AskAndroid