Jetpack Compose：Row组件可选文本左右对齐布局问题修复

原代码的问题在于：当没有左侧文本时，Row内仅存在右侧Text组件，Arrangement.SpaceBetween 在子元素数量少于2时无法触发两端对齐逻辑，导致右侧文本自动左对齐。以下是两种直接有效的解决方案：

方案一：添加占位Spacer（推荐） #

通过在左侧无文本时插入一个占满剩余宽度的Spacer，强制右侧文本保持右对齐，同时保留左侧文本过长自动换行的特性：

Row(
    modifier = Modifier
        .fillMaxWidth()
        .padding(top = 4.dp),
    verticalAlignment = Alignment.CenterVertically,
) {
    if (hasLeft()) {
        Text(
            modifier = Modifier.weight(1f),
            text = leftText,
        )
    } else {
        // 左侧无文本时，用Spacer占据全部左侧可用空间
        Spacer(modifier = Modifier.weight(1f))
    }

    if (hasRight()) {
        Text(
            modifier = Modifier.padding(start = 4.dp),
            text = rightText,
        )
    }
}

逻辑说明 #

• 左侧有文本时，weight(1f) 让Text优先占据除右侧文本外的所有空间，文本过长时自动换行，不会覆盖右侧内容。
• 左侧无文本时，Spacer通过weight(1f)占满左侧空间，把右侧Text推到Row最右端，实现固定右对齐。

方案二：使用Box布局替代Row #

如果更倾向于直观的位置控制，可改用Box布局，通过align属性直接指定文本位置：

Box(
    modifier = Modifier
        .fillMaxWidth()
        .padding(top = 4.dp)
) {
    if (hasLeft()) {
        Text(
            modifier = Modifier.align(Alignment.CenterStart),
            text = leftText,
            // 限制文本最大宽度，避免覆盖右侧内容
            modifier = Modifier.fillMaxWidth(0.9f)
        )
    }
    if (hasRight()) {
        Text(
            modifier = Modifier.align(Alignment.CenterEnd),
            text = rightText,
        )
    }
}

注意事项 #

这种方式需要手动限制左侧文本的最大宽度（比如fillMaxWidth(0.9f)），避免过长时覆盖右侧内容，灵活性略低于方案一。

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