Jetpack Compose Row布局：如何让一个元素居中另一个居右

根据你描述的需求（第一个元素居中，第二个元素对齐Row尾部），结合你提供的期望布局图：

可以通过以下两种简单方式实现：

方案一：利用Spacer和Weight分配空间 #

通过左右两个占比相同的Spacer，将中间元素推至Row水平中心，尾部元素保持在最右侧：

Row(
    modifier = Modifier.fillMaxWidth(),
    verticalAlignment = Alignment.CenterVertically
) {
    // 左侧占位，平衡右侧空间
    Spacer(modifier = Modifier.weight(1f))
    Text(text = "居中元素")
    // 中间占位，确保尾部元素对齐右端
    Spacer(modifier = Modifier.weight(1f))
    Text(text = "尾部元素")
}

方案二：嵌套Box实现局部居中 #

用占满剩余宽度的Box包裹居中元素，利用Box的对齐属性让元素在Box内居中，从而实现整体视觉上的Row居中效果：

Row(
    modifier = Modifier.fillMaxWidth(),
    verticalAlignment = Alignment.CenterVertically
) {
    Box(modifier = Modifier.weight(1f)) {
        Text(text = "居中元素", modifier = Modifier.align(Alignment.Center))
    }
    Text(text = "尾部元素")
}

两种方案都能满足需求：方案一的元素都处于Row的布局流中，垂直对齐更统一；方案二更灵活，适合需要为居中元素预留更多横向空间的场景。

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