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

Compose Text换行前空白问题:如何让聊天气泡适配文本宽度?

Compose Text聊天气泡适配问题:换行前出现莫名空白

我在使用Compose Text实现聊天气泡时,遇到了文本无法完全适配气泡尺寸的问题——换行前会莫名出现空白区域(红色箭头指向该空白,期望文本宽度不超过绿线位置)。

测试代码如下:

@Composable
fun ChatMessageTextBody(
    textBody: String?,
    modifier: Modifier = Modifier
) {
    textBody ?: return

    Text(
        modifier = Modifier.border(BorderStroke(1.dp, Color.Black)), // 加边框方便观察空白区域
        text = "I'm running real-time scans. I'll alert you if anything unusual appears." // 测试用硬编码文本
    )
}

我已经尝试了以下方法,均未解决问题:

  • LineHeightStyle
  • TextAlign
  • TextIndent
  • wrapContentSize
  • LineBreak
  • 针对LineBreak移除额外空白的处理方案
  • PlatformTextStyle(includeFontPadding = false)

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.13 09:20:53