Anonymous
Jetpack Compose Высота строки: почему она слишком высокая?
Сообщение
Anonymous » 28 дек 2024, 23:38
У меня есть строка, содержащая три поля. Каждый блок имеет текст. Я хочу, чтобы каждый блок имел ту же высоту, что и самый высокий текст. В моем коде каждый блок имеет одинаковую высоту, но строка слишком высока, а над и под текстом есть пространство:
Код: Выделить всё
Row (
horizontalArrangement = Arrangement.spacedBy(dimensionResource(id = R.dimen.dimen_2dp)),
modifier = Modifier
.height(IntrinsicSize.Min)
.padding(dimensionResource(id = R.dimen.dimen_2dp))
.fillMaxWidth()
) {
Box(
modifier = Modifier
.padding(end = dimensionResource(id = R.dimen.dimen_2dp))
.background(MaterialTheme.colorScheme.tertiaryContainer)
.fillMaxWidth(0.2f)
.fillMaxHeight()
) {
Text(
text = "aaa / bbb / ccc",
textAlign = TextAlign.Center,
modifier = Modifier
.padding(start = dimensionResource(id = R.dimen.dimen_2dp))
.align(Alignment.Center),
style = MaterialTheme.typography.titleLarge,
color = MaterialTheme.colorScheme.tertiary
)
}
Box(
modifier = Modifier
.padding(end = dimensionResource(id = R.dimen.dimen_2dp))
.background(MaterialTheme.colorScheme.tertiaryContainer)
.fillMaxWidth(0.5f)
.fillMaxHeight()
) {
Text(
text = "aaa",
textAlign = TextAlign.Center,
modifier = Modifier
.padding(start = dimensionResource(id = R.dimen.dimen_2dp))
.align(Alignment.Center),
style = MaterialTheme.typography.titleLarge,
color = MaterialTheme.colorScheme.tertiary
)
}
Box(
modifier = Modifier
.background(MaterialTheme.colorScheme.tertiaryContainer)
.fillMaxWidth()
.fillMaxHeight()
) {
Text(
text = "bbb",
textAlign = TextAlign.Center,
modifier = Modifier
.padding(start = dimensionResource(id = R.dimen.dimen_2dp))
.align(Alignment.Center),
style = MaterialTheme.typography.titleLarge,
color = MaterialTheme.colorScheme.tertiary
)
}
}
Подробнее здесь:
https://stackoverflow.com/questions/793 ... s-too-high
1735418291
Anonymous
У меня есть строка, содержащая три поля. Каждый блок имеет текст. Я хочу, чтобы каждый блок имел ту же высоту, что и самый высокий текст. В моем коде каждый блок имеет одинаковую высоту, но строка слишком высока, а над и под текстом есть пространство: [code] Row ( horizontalArrangement = Arrangement.spacedBy(dimensionResource(id = R.dimen.dimen_2dp)), modifier = Modifier .height(IntrinsicSize.Min) .padding(dimensionResource(id = R.dimen.dimen_2dp)) .fillMaxWidth() ) { Box( modifier = Modifier .padding(end = dimensionResource(id = R.dimen.dimen_2dp)) .background(MaterialTheme.colorScheme.tertiaryContainer) .fillMaxWidth(0.2f) .fillMaxHeight() ) { Text( text = "aaa / bbb / ccc", textAlign = TextAlign.Center, modifier = Modifier .padding(start = dimensionResource(id = R.dimen.dimen_2dp)) .align(Alignment.Center), style = MaterialTheme.typography.titleLarge, color = MaterialTheme.colorScheme.tertiary ) } Box( modifier = Modifier .padding(end = dimensionResource(id = R.dimen.dimen_2dp)) .background(MaterialTheme.colorScheme.tertiaryContainer) .fillMaxWidth(0.5f) .fillMaxHeight() ) { Text( text = "aaa", textAlign = TextAlign.Center, modifier = Modifier .padding(start = dimensionResource(id = R.dimen.dimen_2dp)) .align(Alignment.Center), style = MaterialTheme.typography.titleLarge, color = MaterialTheme.colorScheme.tertiary ) } Box( modifier = Modifier .background(MaterialTheme.colorScheme.tertiaryContainer) .fillMaxWidth() .fillMaxHeight() ) { Text( text = "bbb", textAlign = TextAlign.Center, modifier = Modifier .padding(start = dimensionResource(id = R.dimen.dimen_2dp)) .align(Alignment.Center), style = MaterialTheme.typography.titleLarge, color = MaterialTheme.colorScheme.tertiary ) } } [/code] [img]https://i.sstatic.net/nRtBM2PN.jpg[/img] Подробнее здесь: [url]https://stackoverflow.com/questions/79314290/jetpack-compose-row-height-why-is-too-high[/url]