SwiftUI：HStack，设置堆栈中两个视图之间的自定义间距而不是 HStack 上的标准间距？

Question

我知道我可以像这样设置 HStack 中视图之间的间距：

HStack(spacing: 10) { .. }

如果让我说 HStack 中有 8 个视图，有没有办法将间距设置为 1 仅在堆栈中 8 个视图的两个连续视图之间覆盖初始 HStack 间距设置为 10 在这种情况下？

我希望堆栈中的所有视图相距 10，但是，我希望其中两个视图彼此相距 1。

我知道我可以放置另一个包含两个视图的 HStack，并将子堆栈的间距设置为 1。我想知道是否还有其他更好的方法。

Answer 1

嗯，你期待“另一种方式”是什么？

您有一个主 HStack，您可以在其中放置 VStack、HStack 和 ZStack。

所以它喜欢..

HStack(spacing: 10) {

    HStack{}
    HStack{}

    HStack(spacing:1){
        HStack{}
    }
}

不要误会我的意思，我不明白你的问题是什么。这对我来说看起来很舒服:-) 你好。

Answer 2

也许改用padding？但是“我知道我可以放置另一个包含两个视图的 HStack，并将子堆栈的间距设置为 1”可能是最好的方法。

struct ContentView: View {
    var body: some View {
        HStack(spacing: 0) {
            ForEach(0..<10) { index in
                Rectangle()
                    .fill(Color.green)
                    .frame(width: 40, height: 40)
                    .padding(.horizontal, index == 0 || index == 1 ? 1 : 10)
            }
        }
    }
}

SwiftUI：HStack，设置堆栈中两个视图之间的自定义间距而不是 HStack 上的标准间距？

SwiftUI: HStack, setting custom spacing between two views in stack other than the standard spacing on HStack?

swiftui

hstack