fitInside

Common

Modifier in Compose Foundation Layout

Fits the contents within [rulers]. This only works when [Constraints] have [fixed width][Constraints.hasFixedWidth] and [fixed height][Constraints.hasFixedHeight]. This can be accomplished, for example, by having [Modifier.size], or [Modifier.fillMaxSize], or other size modifier before [fitInside]. If the [Constraints] sizes aren't fixed, [fitInside] will size the child to the [Constraints] and try to center the content within [rulers].

Last updated:

Installation

dependencies {
   implementation("androidx.compose.foundation:foundation-layout:1.9.0-alpha01")
}

Overloads


fun Modifier.fitInside(rulers: RectRulers): Modifier

Code Example

FitInsideOutsideExample

@Composable
fun FitInsideOutsideExample() {
    Box(Modifier.fillMaxSize()) {
        // Drawn behind the status bar
        Box(Modifier.fillMaxSize().fitOutside(StatusBars).background(Color.Blue))
        // Drawn behind the navigation bar
        Box(Modifier.fillMaxSize().fitOutside(NavigationBars).background(Color.Red))
        // Body of the app
        Box(Modifier.fillMaxSize().fitInside(SafeContent).background(Color.Yellow))
    }
}
by @alexstyl