如何在 Swift for macOS 中创建带有左、中、右组件的“工具栏”？

Question

我正在为 SwiftUI 中的 macOS 编写一个音乐应用程序，并希望它的工具栏表现得像这样：左边是标题的艺术品，中间是播放控件，右边是检查器切换，如下所示。 但是，它们似乎不能同时正确放置。

所以，我写了一个小演示来重现我的问题。

struct ContentView: View {
    var body: some View {
        Text("Hello, world!")
            .toolbar {
                ToolbarItem(placement: .navigation) {
                    Button("Left") { }
                }
                ToolbarItem(placement: .principal) {
                    Button("Center") { }
                }
                ToolbarItem(placement: .primaryAction) {
                    Button("Right") { }
            }
        }
    }
}

正确的按钮显示在错误的位置。 但是，如果我删除左侧和中心按钮，右侧按钮将按预期正确显示在 window 的右侧。

我该如何解决这个问题，并同时在左侧、中间和右侧显示组件？

Answer 1

您可以添加仅包含Spacer的ToolbarItem

.toolbar {
    ToolbarItem(placement: .navigation) {
        Button("Left") { }
    }
    ToolbarItem(placement: .principal) {
        Button("Center") { }
    }
    ToolbarItem {
        Spacer()
    }
    ToolbarItem(placement: .primaryAction) {
        Button("Right") { }
    }
}