SwiftUI 中的 HStack 前导和尾随间距

Question

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

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

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) 是等效的。