SwiftUI中如何从函数返回2个GridRow组件？

我想要复刻以下代码的布局效果：

func f1a() -> some View {
    GridRow{Text("A")}
}

func f2a() -> some View {
    Grid {
        f1a()
        f1a()
    }
}

我尝试直接在函数里返回多个GridRow，但这种写法无法通过编译：

func f1b() -> some View {
    // 写法不合法
    GridRow{Text("A")}
    GridRow{Text("A")}
}

func f2b() -> some View {
    Grid {
        f1b()
    }
}

用VStack包裹的方式虽然能编译，但在复杂布局中会出现对齐等差异，和原效果不等价：

func f1c() -> some View {
    VStack {
        GridRow{Text("A")}
        GridRow{Text("A")}
    }
}

func f2c() -> some View {
    Grid {
        f1c()
    }
}

我想知道有没有合适的容器或方法，能包裹多个GridRow，实现和第一段代码完全一致的布局效果。

解决方案：使用@ViewBuilder修饰函数 #

通过@ViewBuilder标记函数，可以让它返回多个View的组合，而非单个容器View。在Grid中调用该函数时，Grid会直接解析里面的每个GridRow，完全等价于直接插入多个GridRow的效果：

@ViewBuilder
func f1b() -> some View {
    GridRow{Text("A")}
    GridRow{Text("A")}
}

func f2b() -> some View {
    Grid {
        f1b()
    }
}

原理说明 #

@ViewBuilder是SwiftUI提供的结果构建器，它允许函数返回多个View片段，这些片段会被自动组合成符合View协议的结构，无需额外容器包裹。Grid作为支持多子View的容器，能直接识别并处理这些片段，不会引入额外布局层级，完全复刻原代码的对齐和布局行为。

内容的提问来源于stack exchange，提问作者pete pan