Android Jetpack Compose中Text显示不全且Padding Start失效问题排查

核心问题 #

问题根源在于固定宽度的Row容器和字体切换后的字符宽度变化：

• 包裹"Introducing"文本的Row被设置了width(101.dp)的固定宽度，更换为FontFamily.Serif字体后，该字体的字符宽度比原字体更宽，"Introducing"的实际显示宽度超过了101.dp，因此只能显示前半部分"Introduc"。
• 当给Text添加start=27.dp的内边距后，文本起始位置右移，加上本身字符宽度超出Row的固定宽度，整个Text完全移出了Row的可视区域，导致文本完全不显示。

修复方案 #

1. 移除Row的固定宽度（推荐）
   让Row自适应Text的实际宽度，彻底解决宽度不足的问题：

Row(modifier = Modifier.height(28.dp)) {
    Text(
        text = "Introducing",
        style = TextStyle(
            fontSize = 20.sp,
            lineHeight = 28.sp,
            fontFamily = FontFamily.Serif,
            fontWeight = FontWeight(700),
            color = Color(0xFFC559C0),
        )
    )
}

2. 调整Row的固定宽度
   如果需要保留Row的宽度约束，根据新字体的字符宽度适当调大Row的width值（比如130.dp左右），同时结合padding确保文本完整显示：

Row(modifier = Modifier.width(130.dp).height(28.dp)) {
    Text(
        text = "Introducing",
        style = TextStyle(
            fontSize = 20.sp,
            lineHeight = 28.sp,
            fontFamily = FontFamily.Serif,
            fontWeight = FontWeight(700),
            color = Color(0xFFC559C0),
        ),
        modifier = Modifier.padding(start = 27.dp)
    )
}

3. 添加文本溢出处理（可选）
   如果必须限制宽度，可给Text添加溢出处理，避免内容截断混乱：

Text(
    text = "Introducing",
    style = TextStyle(...),
    maxLines = 1,
    overflow = TextOverflow.Ellipsis
)

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