Проблемы с раскрывающимся меню в Jetpack Compose ⇐ Android

[Anonymous]

У меня есть DropdownMenu, который можно компоновать в моем приложении, и я хочу, чтобы DropdownMenuItem имели ту же ширину, что и Button, что запускает их раскрытие.
Вот что я написал:

Код: Выделить всё

Row(
modifier = modifier
.padding(horizontal = 20.dp)
.padding(bottom = 28.dp),
verticalAlignment = Alignment.CenterVertically
) {
Text(
text = "Max no. of turns:  ",
fontSize = 18.sp
)

Column {
OutlinedButton(
onClick = { expanded = !expanded },
shape = RectangleShape,
) {
Row(
modifier = Modifier.fillMaxWidth(),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.SpaceBetween
) {
Text(text = gameUiState.maxNoOfTurns.toString())

Icon(
imageVector = Icons.Filled.ArrowDropDown,
contentDescription = "Dropdown Menu Icon"
)
}
}

DropdownMenu(
expanded = expanded,
onDismissRequest = { expanded = false }
) {
for (i in 1..10) {
DropdownMenuItem(
text = { Text(text = i.toString()) },
onClick = {
onSelectionChange(i)
expanded = false
}
)
}
}
}
}

и вот что у меня сейчас:
[img]https://i.sstatic. net/e8nCZlpv.png[/img]

Пожалуйста, помогите!

Подробнее здесь: https://stackoverflow.com/questions/788 ... ck-compose