Android Compose中fillMaxWidth(0.7f)未生效的问题排查与解决

DevOps 小满

2026-8-20

Compose中fillMaxWidth比例不符合预期的问题及解决方法

问题原因

你误解了fillMaxWidth(fraction)的作用逻辑：它的参数是相对于父容器当前剩余可用空间的比例，而非整个父容器的总宽度比例。具体到你的代码：

第一个Text设置fillMaxWidth(0.28f)，会占用Row总宽度的28%；
后续的Spacer设置fillMaxWidth(0.02f)，此时父容器剩余空间是总宽度的72%，因此Spacer实际仅占总宽度的72%×2%≈1.44%；
最后一个Text设置fillMaxWidth(0.7f)，此时剩余空间是总宽度的72%-1.44%≈70.56%，所以这个Text实际占用70.56%×70%≈49.4%的总宽度，也就是你看到的约0.5f宽度，自然右侧会留出空白。

解决方案

改用weight修饰符来分配Row的空间比例，weight会基于所有子组件的weight值总和，按比例分配Row的全部可用空间（需确保Row已设置fillMaxWidth）。修改后的KeyValueRow代码如下：

@Composable
fun KeyValueRow(key: String, value: String, color: Color = Color(0xFFD1D9FF), isImportant: Boolean = false) {
    Row(
        modifier = Modifier
            .background(color)
            .fillMaxWidth()
    ) {
        val textStyle = if (isImportant) MaterialTheme.typography.subtitle2 else MaterialTheme.typography.body2

        Text(
            key,
            modifier = Modifier.weight(0.28f),
            style = textStyle
        )
        Spacer(modifier = Modifier.weight(0.02f))
        Text(
            value,
            modifier = Modifier.weight(0.7f),
            style = textStyle
        )
    }
}