This is a sample Android app demonstrating how to build adaptive layouts using Jetpack Compose. The app adjusts its UI seamlessly across different screen sizes — from compact mobile phones to large tablets and foldables — following best practices recommended by Google for responsive UIs.
- Adaptive UI using
WindowSizeClass - Single-pane and Two-pane layouts
- Jetpack Compose-based UI
- Back handling logic for detail screens on compact devices
- Clean architecture and modular structure
- Kotlin
- Jetpack Compose
- Material3
- Window Manager (for size classes)
- AndroidX libraries
- List Screen: Shows a list of items.
- Detail Screen: Displays item details.
- Adaptive behavior:
- On compact devices: navigates to detail screen.
- On medium and expanded devices: displays both list and detail side-by-side.
- Clone the repo:
git clone https://github.com/YOUR_USERNAME/adaptive-sample-app.git cd adaptive-sample-app