Lay children out horizontally or vertically
Row and Column are the workhorse layouts. Children are placed along the main axis; weight distributes leftover space proportionally, and arrangement controls the gaps between and around them.
Weights split the available width — here 1:2:1.
Row(modifier = Modifier.fillMaxWidth()) {
WeightBox(weight = 1f, color = MaterialTheme.colorScheme.primary)
WeightBox(weight = 2f, color = MaterialTheme.colorScheme.secondary)
WeightBox(weight = 1f, color = MaterialTheme.colorScheme.tertiary)
}SpaceBetween pushes the first and last child to the edges.
Column(
modifier = Modifier.fillMaxWidth().height(160.dp),
verticalArrangement = Arrangement.SpaceBetween
) {
Text("Top")
Text("Middle")
Text("Bottom")
}