This project showcases an adaptive layout with adaptive navigation items, designed to deliver an optimal user experience across various Android devices and window sizes. By leveraging the latest Jetpack Compose libraries, we've created a flexible and responsive UI that adapts seamlessly to different screen configurations and device types.
implementation("androidx.compose.material3.adaptive:adaptive")
implementation("androidx.compose.material3.adaptive:adaptive-layout")
implementation("androidx.compose.material3.adaptive:adaptive-navigation")
implementation("androidx.compose.material3:material3-adaptive-navigation-suite")I got use of these resources: Link 1, Link 2, Link 3, and Link 4 to implement this project.
The video screenshots demonstrate the app's dynamic UI adaptation. The footage was captured on a Windows 11 machine using the Windows Subsystem for Android, allowing us to visualize how the UI changes in real-time as the window size is changes.
- Clone the Repository:
git clone https://github.com/rezazarchi/AdaptiveUI.git- Open the project in Android Studio Current latest version is Koala Feature Drop 2024.1.2 Patch 1
- build it to run the app on an emulator or connected device.