Compose中Row内requiredWidthIn()异常：文本被挤消失、间距失效

核心问题分析 #

你遇到的问题本质是第一个Text没有设置合理的最大宽度约束：默认情况下，Row会优先满足无约束子组件的布局需求，当第一个Text内容过长且无宽度限制时，会占用Row的全部可用空间，直接挤压后两个Text的布局空间，甚至忽略Row的spacedBy和内边距配置。而requiredWidthIn(min = 50.dp)仅定义了最小宽度，无法阻止父布局的空间抢占。

解决方案 #

通过给第一个Text设置权重约束，配合后两个Text的宽度范围限制，即可实现需求：

1. 给第一个Text添加weight(1f, fill = false)，让它仅占用剩余空间（而非强制填满），同时限制单行显示避免换行；
2. 后两个Text使用widthIn(min = 50.dp)替代requiredWidthIn，更灵活地控制最小宽度，同时允许在空间紧张时收缩到最小值；
3. 确保Row拥有明确的宽度约束（如fillMaxWidth()），保证间距和内边距生效。

完整代码示例 #

Row(
    modifier = Modifier
        .fillMaxWidth()
        .padding(16.dp)
        .spacedBy(8.dp),
    verticalAlignment = Alignment.CenterVertically
) {
    // 第一个文本：过长时显示省略号，仅占用剩余空间
    Text(
        text = "这是一段非常非常长的测试文本，用来模拟第一个文本内容过长的情况",
        modifier = Modifier
            .weight(1f, fill = false) // 关键：避免强制填满宽度，给后两个文本留空间
            .wrapContentWidth(),
        maxLines = 1,
        overflow = TextOverflow.Ellipsis
    )

    // 第二个文本：最小宽度50dp，空间足够时自适应内容
    Text(
        text = "文本2",
        modifier = Modifier
            .widthIn(min = 50.dp)
            .background(Color.LightGray) // 便于观察宽度变化
    )

    // 第三个文本：同第二个文本的宽度规则
    Text(
        text = "文本3",
        modifier = Modifier
            .widthIn(min = 50.dp)
            .background(Color.LightGray)
    )
}

扩展场景：后两个文本需扩展占满剩余空间 #

如果希望后两个文本在空间充足时平分剩余宽度，可给它们也添加权重：

Text(
    text = "文本2",
    modifier = Modifier
        .weight(1f)
        .widthIn(min = 50.dp)
        .background(Color.LightGray)
)

Text(
    text = "文本3",
    modifier = Modifier
        .weight(1f)
        .widthIn(min = 50.dp)
        .background(Color.LightGray)
)

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