xcode - 在 iOS 14 的 SwiftUI 中右对齐 .bottomBar ToolbarItem

Question

我想在 .bottomBar 上添加一个“撰写”按钮的 .toolbar在我的 NavigationView .
添加 Spacer()几乎中心对齐项目:

struct HomeView: View {
    var body: some View {
        NavigationView {
            Text("Hello, World!")
                .navigationTitle("Hello, World!")
                .toolbar {
                    ToolbarItem(placement: .bottomBar) {
                        HStack {
                            Spacer()
                            Button(action: { print("Pressed") }) {
                                Image(systemName: "plus.circle.fill")
                                    .imageScale(.large)
                                    .font(.title)
                            }
                        }
                    }
                }
        }
    }
}

这会产生以下结果:

不是我所期望的。更奇怪的是，这并不是完全居中对齐，而是偏离了几个像素。
那么我该怎么做:

右对齐？

居中对齐？

谢谢

Answer 1

我遇到了同样的问题，这是我发现的(Xcode 12.0 Beta 6)
右对齐

一种方法是使用两个 .bottomBar项目。

.toolbar(content: {
    ToolbarItem(placement: .bottomBar) {
        Spacer()
    }
    ToolbarItem(placement: .bottomBar) {
        Button(action: {}) {
            Text("Add List")
        }
    }
})

更清洁的是使用 ToolbarItemGroup与 Spacer() .

.toolbar(content: {
    ToolbarItemGroup(placement: .bottomBar) {
        Spacer()
        Button(action: {}) {
            Text("Add List")
        }
    }
})

居中

要将项目居中，您可以使用 .status作为展示位置。

.toolbar(content: {
    ToolbarItem(placement: .status) {
        Button(action: {}) {
            Text("Add List")
        }
    }
})