You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在单个Text() Composable中为文本行之间添加内边距?

解决Jetpack Compose Text换行后文本粘连的问题

当你使用大字号加粗的Text组件时,出现换行后上下行文本粘连的情况,核心原因是默认行高不足以容纳加粗后的字形高度,可以通过以下两种方式解决:

  • 直接设置lineHeight参数:给Text指定一个比当前字号更大的行高值,比如字号用32.sp的话,行高设40.sp或48.sp,根据实际显示效果调整即可。示例代码:
Text(
    text = "示例文本,换行后不会再出现S和U粘连的情况",
    fontSize = 32.sp,
    fontWeight = FontWeight.Bold,
    lineHeight = 40.sp // 关键参数,增大行高拉开上下行间距
)
  • 精细控制行高样式:如果遇到行高设置后文本被裁剪的情况,可以配合LineHeightStyle调整对齐和裁剪规则,确保字形完整显示:
Text(
    text = "示例文本,换行后不会再出现S和U粘连的情况",
    fontSize = 32.sp,
    fontWeight = FontWeight.Bold,
    lineHeight = 40.sp,
    style = TextStyle(
        lineHeightStyle = LineHeightStyle(
            alignment = LineHeightStyle.Alignment.Center,
            trim = LineHeightStyle.Trim.None // 禁止裁剪文本上下延伸部分
        )
    )
)

注意:不要用modifier.padding()解决这个问题,它是给整个Text组件添加外间距,无法控制内部行与行之间的距离。

内容的提问来源于stack exchange,提问作者nguch

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 06:42:48