Adaptive UI Compose

# Adaptive UI Compose Adaptive UI Compose is a skill designed to help developers make or update an app's UI so that it adapts to different Android devices. This includes handling various window sizes, pointing devices, and text entry devices using the Compose MediaQuery API. It also covers multi-pane layouts, adaptive UI components, and layouts using the Compose Grid and FlexBox APIs. ## Key Capabilities - **Adaptive UI**: Customize UI for different Android devices like phones, tablets, foldables, laptops, desktops, TVs, and XR. - **Compose API**: Utilizes Compose API for building UI components. - **Multi-pane Layouts**: Supports multi-pane layouts using Navigation3 Scenes. - **Adaptive Components**: Offers adaptive UI components with varying target sizes. - **Layouts**: Includes adaptive layouts for navigation areas like nav rails and nav bars. ## Example Use Cases - Developing an app that needs to be responsive across various Android devices. - Creating a cross-platform app with a consistent user experience. - Updating an existing app to be more adaptable to different screen sizes and devices. ## Prerequisites - The app must use Compose for all screens. - The app must use Jetpack Navigation 3. ## Workflow To make an app adaptive, follow these steps: 1. Verify current UI. 2. Make the navigation bar adaptive. 3. Add multi-pane layouts. 4. Make vertical lists adaptive. 5. Hide app bars when scrolling.