SwiftUI 在 VStack/HStack 中重复边框

Question

我在 HStack 和 VStack 中有很多图块 View 。每块瓷砖都应该有一个边框。我面临的问题是，我不想在我的堆栈中有任何间距。但是，这会导致重复的边框，因为 View 彼此相邻。
这是我的例子:

struct TileMain: View {
    
    var body: some View {

        VStack
        {
            HStack(spacing: 0.0)
            {
                Tile()
                    .border(Color.red, width: 1.0)
                Tile()
                    .border(Color.red, width: 1.0)
                Tile()
                    .border(Color.red, width: 1.0)
            }
            HStack(spacing: 0.0)
            {
                Tile()
                .border(Color.red, width: 1.0)

                Tile()
                    .border(Color.red, width: 1.0)
                
                Tile()
                    .border(Color.red, width: 1.0)
            }
            .padding(.bottom, 15)
        }
    }
}
struct Tile : View
{
    var body: some View
    {
        VStack
        {
            Spacer()
            Text("Test")
            Spacer()
        }.frame(width: 150, height: 150)
    }
}

底部的边框宽度为 1.0。然而，在任何有邻居的地方，边界都会是 2.0 宽。有什么解决办法吗？我只需要在特殊边缘设置边框，所以我不会得到任何重复。但这不可能是我在 SwiftUI 中的默认设置。

Answer 1

让我们颠倒一下……并使用以下内容
使用 Xcode 11.4/macOS 10.15.6 测试

struct TileMain: View {

    var body: some View {

        VStack(spacing: 1)
        {
            HStack(spacing: 1)
            {
                Tile()
                Tile()
                Tile()
            }
            HStack(spacing: 1)
            {
                Tile()
                Tile()
                Tile()
            }
        }
        .padding(1)
        .background(Color.red)
    }
}
struct Tile : View
{
    var body: some View
    {
        VStack
        {
            Spacer()
            Text("Test")
            Spacer()
        }.frame(width: 150, height: 150)
        .background(Color(NSColor.windowBackgroundColor))
    }
}