
On Chrome OS, an app might be inĪ resizable window. May be splitting the screen with another app.
On tablets, an app might be running in multi-window mode, which means the app It mightīe tempting to make decisions based on a fixed tangible value (Is the deviceĪ tablet? Does the physical screen have a certain aspect ratio?), but theĪnswers to these questions may not be useful for determining the space your Individual elements, reusable groups of content, or composables hostedĪvoid using physical, hardware values for making layout decisions.
Non-root composable: All other composables. Your app, and contain all other composables. Root composable: Composables that occupy all space given to. At this level in yourĭesign, it might make sense to change the overall layout of a screen to take Occupy all of the space your app is given to render. When using Compose to lay out an entire application, root-level composables Make large layout changes for root composables explicit This document contains some guidelines for how youĬan use Compose to make your UI responsive. Implementing layouts that adjust themselves to render content differentlyĪcross a variety of sizes. These changes range from simple layout adjustments toįill up space, to changing layouts completely to make use of additionalĪs a declarative UI toolkit, Jetpack Compose is well suited for designing and
An adaptive layout changes based on the screen The UI for your app should be responsive to account for different screen sizes,