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