SwiftUI:如何调用函数来填充LazyVGrid

Question

我正在用SwiftUI编写一些代码(边学边学)，在那里我正在构建一个垂直的项目网格(为了这个问题的目的，这已经大大简化了)：

let col1 = GridItem(alignment: .leading)
let col2 = GridItem(alignment: .trailing)

LazyVGrid(columns: [col1, col2]) {
    Text("C1")
    Text("C1")
    Text("C2")
    Text("C2")
}

所以我得到了这样的东西：

+----+----+
| C1 | C1 |
+----+----+
| C2 | C2 |
+----+----+

现在在我的代码中，我正在做一些其他的事情，所以我想提取一个函数，这样我的代码看起来就像这样：

let col1 = GridItem(alignment: .leading)
let col2 = GridItem(alignment: .trailing)

LazyVGrid(columns: [col1, col2]) {
    row("C1")
    row("C2")
}

func row(text: String) -> ???? {
    Text(text)
    Text(text)
}

但我发现很难理解如何做到这一点。函数返回数组吗？或者我可以在这里使用Swift的构建器的某些方面？我尝试了一个数组，但是LazyVGrid的构建不喜欢它。

Answer 1

研究@ViewBuilder属性。这使得该函数的行为类似于您传递给LazyVGrid和许多SwiftUI视图的闭包。

@ViewBuilder
func row(text: String) -> some View {
    Text(text)
    Text(text)
}