Я использую Flowrow , чтобы отобразить переменное количество кнопок с переменным текстом и знаком, как вы можете видеть на скриншоте ниже, кнопка с текстом «Введите комнату», не отображает значок. Это связано с отсутствием места, если я уменьшаю размер шрифта, он отображается правильно. В этой ситуации я бы хотел, чтобы кнопка перейти в следующую строку. Я не думаю, что это ошибка Flowrow , скорее, строка в кнопке измеряет своих детей один за другим, а текст не ограничен, не оставляя места для значка. Как я могу это решить? < /P>
Я использую Flowrow , чтобы отобразить переменное количество кнопок с переменным текстом и знаком, как вы можете видеть на скриншоте ниже, кнопка с текстом «Введите комнату», не отображает значок. Это связано с отсутствием места, если я уменьшаю размер шрифта, он отображается правильно. В этой ситуации я бы хотел, чтобы кнопка перейти в следующую строку. Я не думаю, что это ошибка Flowrow , скорее, строка в кнопке измеряет своих детей один за другим, а текст не ограничен, не оставляя места для значка. Как я могу это решить? < /P> [code]FlowRow( horizontalArrangement = Arrangement.spacedBy( 2.dp, Alignment.CenterHorizontally ), verticalArrangement = Arrangement.spacedBy( 2.dp, Alignment.CenterVertically ), maxItemsInEachRow = 3, overflow = FlowRowOverflow.Visible, ) { Chip( text = "enter the room", icon = R.drawable.ic_wallet, onClick = { }, modifier = Modifier.weight(1f) ) [/code] // больше чипов, подобных этому } [code]@Composable private fun Chip( text: String, @DrawableRes icon: Int, onClick: () -> Unit, modifier: Modifier = Modifier, hasBalloon: Boolean = false, ) { Row( verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.Center, modifier = modifier .background( shape = RoundedCornerShape(CornerSize(8.dp)), color = Color.Grey ) .rippleClickable(onClick = onClick) .padding(4.dp) ) { Text( text, maxLines = 1, textAlign = TextAlign.Center, overflow = TextOverflow.Ellipsis, ) Box( modifier = Modifier .padding(start = 4.dp) .size(16.dp) ) { GlideImage( model = icon, transition = CrossFade, contentDescription = "", contentScale = ContentScale.Fit,, ) if (hasBalloon) { Box( modifier = Modifier .width(7.dp) .height(7.dp) .background(shape = CircleShape, color = Colors.Red) .align(Alignment.TopEnd) ) } } } [/code]
Изменение Box size (16.dp) с size (16.dp) с code> 's размер (16.dp) [code].fillMaxHeight() .aspectRatio(1f) [/code] приводит к тому, что значок перекрывает текст (и row накладки):