Jetpack Compose中Text组件换行时行间距过大问题求助

使用Jetpack Compose 1.5.1 + Material 3 1.1.2版本时，Text组件在文本换行后出现行间距异常偏大的问题，未设置内边距等相关属性，仅在文本换行时触发该问题。

相关代码：

@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)
        )
    }
}

问题截图：

问题原因 #

该问题大概率源于使用了自定义的ssp（scalable sp）字体单位，Compose的Text组件默认行高计算逻辑基于原生字体单位，自定义单位可能与该逻辑不兼容，导致换行时行高计算出现偏差。此外，Material 3的默认文本样式在小字体场景下也可能存在适配问题。

解决方案 #

• 显式指定行高：给出现问题的Text组件添加lineHeight参数，设置与字体大小匹配的合理值，确保换行后行间距正常。示例：

Text(
    text = productItem.name,
    fontSize = 6.ssp,
    fontWeight = FontWeight(500),
    lineHeight = 7.ssp // 根据字体大小调整行高
)

• 替换为原生单位：如果ssp不是必需的，改用Compose原生的sp单位，原生单位与Text的行高计算逻辑更兼容，可避免自定义单位带来的适配问题。

• 全局主题调整：在Material 3主题的typography中统一定义文本样式的行高，确保全局文本行高一致。示例：

val Typography = Typography(
    bodySmall = TextStyle(
        fontSize = 6.sp,
        fontWeight = FontWeight(500),
        lineHeight = 7.sp
    )
)

使用时直接引用主题样式：

Text(
    text = productItem.name,
    style = MaterialTheme.typography.bodySmall
)

内容的提问来源于stack exchange，提问作者dum