Как создать динамические, равномерные контейнеры подряд, в зависимости от их содержимого в Compose? ⇐ Android

[Гость]

Я хочу создать круглый компонент, который будет содержать номер (

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

0..99

), и будет отображаться в ряду 5.

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

1

занимает гораздо меньше места, чем 88 ) и размер шрифта. Но я не могу заставить их отображаться правильно, когда шрифт больше. Число либо «растет» за пределами контейнера круга, либо контейнер полностью искажается. Введите изображение Описание здесь "src =" https://i.sstatic.net/4jaegilj.png "/>
current - большой (обратите внимание на номера, торчащие из контейнера)

Это это код для вышеперечисленного: < /p>

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

@Composable
fun TestBadges(numbers: List, modifier: Modifier = Modifier) {
Row(
modifier = modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceEvenly,
verticalAlignment = Alignment.CenterVertically,
) {
numbers.forEachIndexed { index, number ->
Badge(
number = number, modifier = Modifier.weight(1f),
)
if (index != numbers.size - 1) {
BlueDivider()
}
}
}
}

@Composable
private fun Badge(
number: Int,
modifier: Modifier = Modifier,
) {
Box(
modifier = modifier
.aspectRatio(1f)
.background(color = Color.Gray, shape = CircleShape),
contentAlignment = Alignment.Center,
) {
Text(
text = number.toString(),
style = MaterialTheme.typography.h4,
)
}
}

Как мне достичь кругов динамического размера?


Подробнее здесь: https://stackoverflow.com/questions/794 ... their-cont