Compose Modifier

fillMaxSize

Have the content fill (possibly only partially) the Constraints.maxWidth and Constraints.maxHeight of the incoming measurement constraints, by setting the minimum widthConstraints.minWidth and the maximum widthConstraints.maxWidth to be equal to the maximum widthConstraints.maxWidth multiplied by fraction, as well as the minimum heightConstraints.minHeight and the maximum heightConstraints.minHeight to be equal to the maximum heightConstraints.maxHeight multiplied by fraction.

FillHalfSizeModifier

@Composable
fun FillHalfSizeModifier() {
    Box(Modifier.requiredSize(100.dp).background(Color.Red), contentAlignment = Alignment.Center) {
        // The inner Box will be (50.dp x 50.dp).
        Box(Modifier.requiredWidth(30.dp).fillMaxSize(0.5f).background(color = Color.Magenta))
    }
}

SimpleFillModifier

@Composable
fun SimpleFillModifier() {
    Box(Modifier.fillMaxSize().background(Color.Red), contentAlignment = Alignment.Center) {
        Box(Modifier.size(100.dp).background(color = Color.Magenta))
    }
}

Last updated: