喷气背包撰写中的文本行之间出现意外间隙

Unexpected gap between Text lines in jetpack compose

提问人:dum 提问时间:11/7/2023 更新时间:11/7/2023 访问量:30

问:

每当文本可组合进入新行时,我的文本行之间的间隙太大 这是代码。我正在使用材料 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)
        )
    }
}

这是有问题的图像enter image description here

预计这些线会很接近,因为我没有提供任何填充物或任何东西。它只是在新行开始时发生。

人造人 发短信 android-jetpack-compose 可组合

评论

0赞 gtxtreme 11/7/2023
您指定了 中的间隙。也许尝试删除它?Arrangement.spacedBy
0赞 Chirag Thummar 11/7/2023
我遇到过这个问题。通过将 分配给文本来解决。在 M3 中,有一个默认设置,使其看起来像这样。lineHeight
0赞 dum 11/7/2023
@gtxtreme 好吧,spacedBy 为它的组件提供了空间,并且不应该在相同的文本可组合的行之间提供空间,尽管我尝试过,但没有用
0赞 dum 11/7/2023
@ChiragThummar谢谢你,伙计,它奏效了,这真的很痛苦。是错误还是什么?不应该是这样的!!

答:

0赞 dum 11/7/2023 #1

它通过设置与文本大小相同来修复。谢谢你@ChiragThummar的评论!!lineHeight