如何在Row组件中设置元素间Spacer及实现首尾元素布局

1. 如何在Row布局的两个元素之间设置固定间距的Spacer？ #

这事儿很简单，你只需要在两个目标元素之间插入Spacer组件，再通过Modifier给它指定固定宽度就行（Row布局里主要控制宽度，垂直方向的话才需要高度）。比如想让两个文本之间隔16dp，代码可以这么写：

Row {
    Text("左侧内容")
    // 设置固定宽度的间距
    Spacer(modifier = Modifier.width(16.dp))
    Text("右侧内容")
}

要是需要更灵活的尺寸，也可以用Modifier.size()同时设置宽高，但在Row里一般只需要指定宽度就足够了。

2. 如何用Spacer让Row内一个元素在开头、另一个在结尾？ #

你原来代码里的Modifier.SpaceBetween是用错啦，正确的操作是给Spacer加上weight(1f)修饰符。这个修饰符会让Spacer占据Row中所有剩余的可用空间，直接把两边的元素挤到首尾两端。

修正后的完整代码如下：

Row(verticalAlignment = Alignment.CenterVertically) {
    Text("Start")
    // 用weight(1f)让Spacer占满剩余空间
    Spacer(modifier = Modifier.weight(1f))
    Text("End")
}

额外提一句：其实不用单独加Spacer也能实现这个效果——直接给其中一个元素加weight(1f)就行，但用Spacer的方式结构更清晰，后续如果要在中间加其他元素，调整起来也更方便。

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