Как выровнять составные элементы Text и IconButton в сетке ⇐ Android

[Anonymous]

Используя Jetpack Compose на Android, я пытаюсь разместить большое количество IconButton в сетке с текстовыми заголовками в столбцах и строках. Я использую Modifier.weight. Как вы можете видеть из этого примера, компоненты Text и Switch выровнены, но IconButton кажется расположенным справа. Есть ли причина, по которой модификатор веса не работает с IconButton? Есть ли лучший способ сделать это?
Результат:


и вот мой код:
Surface(color = Color.White,
modifier = Modifier
.fillMaxWidth(0.9f) // Sets width to 90% of screen width
// or Modifier.width(300.dp) for a fixed 300dp width
.padding(16.dp) // Adds padding around the surface
) {
Box(contentAlignment = Alignment.Center) {
val w1=.2f
val w2=.2f
val w3=.2f
val w4=.2f
val w5=.2f
Column(modifier = Modifier.padding(10.dp)) {
Row(
modifier = Modifier.fillMaxWidth(),
verticalAlignment = Alignment.CenterVertically
) {
Text(text = " ", Modifier.weight(w1))
Text(text = " Auto", Modifier.weight(w2))
Text(text = " Hold", Modifier.weight(w3))
Text(text = " Land", Modifier.weight(w4))
Text(text = " Home", Modifier.weight(w5))
}

var ip=0
while(ip

Подробнее здесь: https://stackoverflow.com/questions/798 ... -in-a-grid