提问人:dum 提问时间:11/7/2023 更新时间:11/7/2023 访问量:30
喷气背包撰写中的文本行之间出现意外间隙
Unexpected gap between Text lines in jetpack compose
问:
每当文本可组合进入新行时,我的文本行之间的间隙太大 这是代码。我正在使用材料 3 1.1.2 和 jetpack compose 版本 1.5.1
@Composable
fun Product(productItem: ProductItem) {
Column(
modifier=Modifier.clickable { },
verticalArrangement = Arrangement.spacedBy(1.sdp)
) {
Box(contentAlignment = Alignment.BottomStart) {
AsyncImage(
model = productItem.image,
contentDescription = "",
contentScale = ContentScale.Crop,
modifier = Modifier.height(50.sdp)
)
ElevatedCard(
modifier = Modifier.padding(start = 2.sdp, bottom = 2.sdp),
elevation = CardDefaults.elevatedCardElevation(defaultElevation = 3.sdp),
shape = AbsoluteRoundedCornerShape(3.sdp),
colors = CardDefaults.cardColors(containerColor = Color.White)
) {
Text(
text = productItem.price,
modifier = Modifier.padding(2.sdp),
fontSize = 6.ssp,
fontWeight = FontWeight(500)
)
}
}
Text(
text = productItem.name,
fontSize = 6.ssp,
fontWeight = FontWeight(500)
)
Text(
text = productItem.sku,
fontSize = 5.ssp,
fontWeight = FontWeight(400)
)
}
}
预计这些线会很接近,因为我没有提供任何填充物或任何东西。它只是在新行开始时发生。
答:
0赞
dum
11/7/2023
#1
它通过设置与文本大小相同来修复。谢谢你@ChiragThummar的评论!!lineHeight
评论
Arrangement.spacedBy
lineHeight