Пример использования FlexBoxLayout в Compose

// По умолчанию FlexBox работает как Row (FlexDirection.Row).
FlexBox(
    modifier = Modifier.fillMaxWidth(),
    config = {
        direction =
            if (constraints.maxWidth < 400.dp.roundToPx()) FlexDirection.Column
            else FlexDirection.Row
    },
) {
    // Этот элемент имеет фиксированный размер
    // и не участвует в распределении свободного пространства.
    Box(
        modifier = Modifier.size(80.dp).background(Color.Magenta),
        contentAlignment = Alignment.Center,
    ) {
        Text("Fixed")
    }

    // Этот элемент имеет коэффициент grow = 1
    // и займет 1/3 оставшегося пространства.
    Box(
        modifier = Modifier
            .height(80.dp)
            .flex { grow = 1f }
            .background(Color.Yellow),
        contentAlignment = Alignment.Center,
    ) {
        Text("Grow = 1")
    }

    // Этот элемент имеет коэффициент grow = 2
    // и займет 2/3 оставшегося пространства.
    Box(
        modifier = Modifier
            .height(80.dp)
            .flex { grow = 2f }
            .background(Color.Green),
        contentAlignment = Alignment.Center,
    ) {
        Text("Grow = 2")
    }
}

#Compose