A modern programming language that makes developers happier.

kotlinlang

I have a Column with `verticalArrangement = Arrangement.SpaceBetween` and if it’s `Surface` parent defines `.fillMaxSize()` , the Column’s height is not respected. More in thread

```class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MixCalcTheme {
                Surface {
                    Ui()
                }
            }
        }
    }
}```
```@Composable
@Preview
private fun Ui() {
    Column(
        modifier = Modifier
            .padding(horizontal = 20.dp, vertical = 50.dp)
            .fillMaxWidth()
            .height(250.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.SpaceBetween
    ) { ... }
...
}```


Screenshot 2022-05-20 at 14.46.26.png

```Surface(Modifier.fillMaxSize()) {
    Ui()
}```


Screenshot 2022-05-20 at 14.48.07.png

I want SpaceBetween inside a 250.dp of height Column…

Because `Surface` propergates min size constraints. You can add `Modifier.wrapContentHeight()` before `Modifier.height(250.dp)`.

Had to add also:
```Surface(Modifier.fillMaxSize()) {
    Box(contentAlignment = TopCenter) {
        Ui()
    }
}```


to make it align top otherwise it would be rendered in the center

But adding the Box makes `wrapContentHeight()` not needed

But, yeah, your response helped :slightly_smiling_face: :+1:

You can use `Modifier.wrapContentHeight(align = <http://Alignment.Top|Alignment.Top>)`.