如何将网格单元格跨行而不是跨列？

Question

您在线阅读的每个教程都只讨论列跨越，事实上，Grid 的文档仅包含用于列跨越的视图修饰符，带有

.gridCellColumns()

。

是否有一个视图修改器可以使网格单元跨越多个行？例如，您将如何跨越垂直分隔线，而不是教程中所示的水平分隔线？ HStack 不为所有视图提供相同的大小，因此这似乎不是一个选项。我可以使用

Layout

协议进行自定义布局，但这对于这么小的东西来说似乎需要大量工作。

Answer 1

Grid {
    GridRow {
        Text("Row 1-2, Col 1")
            .padding()
            .frame(maxHeight: .infinity)
            .border(Color.red, width: 1)
        Grid {
            GridRow {
                Text("Row 1, Col 2")
                    .padding()
                    .frame(maxHeight: .infinity)
                    .border(Color.red, width: 1)
                Text("Row 1, Col 3")
                    .padding()
                    .frame(maxHeight: .infinity)
                    .border(Color.red, width: 1)
            }
            GridRow {
                Text("Row 2, Col 2")
                    .padding()
                    .frame(maxHeight: .infinity)
                    .border(Color.red, width: 1)
                Text("Row 2, Col 3")
                    .padding()
                    .frame(maxHeight: .infinity)
                    .border(Color.red, width: 1)
            }
        }
    }
}