SwiftUI中.navigationBarItems内Spacer无效如何将按钮分隔到不同边角

现有代码中Spacer()失效的原因 #

.navigationBarItems 的 leading/trailing 承载区域默认是跟随内容自适应宽度的，不会自动撑满整个导航栏的可用空间。你在这个宽度收缩的容器内部放多少个Spacer()，都会因为没有多余的可伸展空间完全失效，最终两个按钮依然会紧密挨在一起。

正确实现方案 #

方案一：拆分按钮到独立的leading/trailing槽位（强烈推荐） #

这是完全贴合SwiftUI导航栏设计规范的写法，不需要手动添加Spacer()，系统会自动处理边距、安全区适配：

.navigationBarItems(
    leading: EditButton(),
    trailing: 
        Button(action: {
            someAction()
        }) {
            Image(systemName: "plus")
        }
)

系统会自动将leading位置的EditButton对齐到导航栏左侧边角，将trailing位置的加号按钮对齐到导航栏右侧边角，和示例效果完全一致；同时能自动适配不同iOS版本、不同尺寸设备的导航栏边距规则，不会出现布局错位、边距不对齐的问题。

方案二：强制撑开HStack宽度（非特殊场景不推荐） #

如果因为特殊业务逻辑，必须把两个按钮都放在同一个容器（比如都放在leading槽位内），就需要手动给容器添加宽度约束，让内部的Spacer()有可伸展的空间：

.navigationBarItems(leading:
    HStack {
        EditButton()
        Spacer()
        Button(action: { someAction() }) {
            Image(systemName: "plus")
        }
    }
    // 手动指定宽度撑满导航栏可用区域，让Spacer获得可伸展空间
    .frame(maxWidth: .infinity)
)

注意：这种写法属于适配hack，因为导航栏的实际可用宽度会受安全区、系统默认边距影响，硬设置撑满宽度很容易出现和系统原生导航栏边距不对齐的问题，非必要不使用。

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