Material Design 3 & Adaptive Layouts
UI › Material & Nav
Theming, components, and window-size-aware adaptive UI with Material 3 in Compose.
Interviewers use this to check whether you can build a modern, on-brand Compose UI that also behaves correctly across phones, foldables, tablets, and multi-window. Expect questions on the MaterialTheme color/typography/shape system, dynamic color (Material You), core components like Scaffold and TopAppBar, and adapting layout to window size classes rather than hard-coding device assumptions.
What this covers
- MaterialTheme structure: colorScheme, typography, shapes, and how to read them
- Dynamic color / Material You and its API 31+ requirement plus static fallback
- M3 tonal elevation vs M2 shadow-only elevation
- Core components: Scaffold, TopAppBar variants with scroll behavior, NavigationBar, FAB, Card
- Window size class breakpoints (Compact/Medium/Expanded) and how to compute them
- Adaptive scaffolds (ListDetailPaneScaffold, NavigationSuiteScaffold) for large screens and foldables
Study this topic
- Material Design 3 & Adaptive Layouts explained: the guided lesson
- 14 practice quiz questions
- 9 revision flashcards
- Material Design 3 & Adaptive Layouts interview questions and answers