SwiftUI底部工具栏按钮布局错乱：为何间距分布不均？

你遇到的是SwiftUI Toolbar默认布局逻辑导致的问题：直接给.bottomBar添加多个独立ToolbarItem时，系统会自动将前几个元素靠左对齐，最后一个元素靠右对齐，这是它的默认行为。

要实现自定义的均匀分布或其他布局，只需将所有按钮放在同一个ToolbarItem中，用HStack配合Spacer来控制间距即可，修改后的toolbar代码如下：

.toolbar {
    ToolbarItem(placement: .bottomBar) {
        HStack {
            Button("Boot", action: {
                print("& rally!")
            })
            
            Spacer()
            
            Button("Start", action: {
                print("& rally!")
            })
            
            Spacer()
            
            Button("Jump", action: {
                print("how high?")
            })
        }
    }
}

如果需要其他布局，比如三个按钮都靠左，只需移除Spacer；如果想让中间按钮居中、左右各一个按钮，保持上述Spacer的写法即可。这种方式通过容器视图完全掌控了工具栏内元素的排列逻辑，避免系统自动分配位置带来的问题。

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