SwiftUI 中的 HStack 前导和尾随间距

Question

如何在 SwiftUI 中为可滚动的 HStack 添加相等的前导/尾随间距？ 在此示例中，单元格之间存在间距，但在第一个单元格的前导或最后一个单元格的尾随中没有

我尝试向ForEach添加horizontal间距，但这也将单元格隔开，这不是我想要的。 我希望单元格之间的间距相等，并且循环中第一个和最后一个单元格的前导和尾随

struct ContentView: View {
    var body: some View {
        ScrollView(.horizontal) {
            HStack(spacing: 5) {
                ForEach(0...1, id: \.self) {_ in
                    Capsule(style: .circular)
                        .background(Color.red)
                        .frame(width: 250, height: 40, alignment: .center)
                }
            }
        }
    }
}

Answer 1

向HStack添加水平填充

HStack(spacing: 5) {
  ForEach(0...1, id: \.self) {_ in
    // etc
  }
}
.padding(.horizontal, 5)

注意： .horizontal是同时为前缘和后缘设置填充的快捷方式 - 所以.padding([.leading, .trailing], 5)是等效的。