Xcode12 SwiftUI 单VStack内添加多按钮报多余参数错误问题咨询

Xcode12 配套的 SwiftUI 框架中，VStack 依赖的 ViewBuilder 闭包存在直接子视图最多10个的硬编译限制。当容器内直接摆放的独立视图超过10个时，编译器不会明确提示“视图数量超限”，而是会随机为超出的几个视图抛出「调用位置存在多余参数」的错误提示，和你遇到的#11、#12、#13报错完全匹配。

逐个数一遍你当前VStack内的直接子视图，刚好踩中限制阈值：

1. drink[0].image 修饰后的图像视图
2. 展示drink[0].name的文本视图
3. 触发跳转首页的第一个按钮
4. 高度35的Spacer
5. drink[1].image 修饰后的图像视图
6. 展示drink[1].name的文本视图
7. 触发跳转首页的第二个按钮
8. drink[2].image 修饰后的图像视图
9. 展示drink[2].name的文本视图
10. 触发跳转首页的第三个按钮
11. drink[7].image 修饰后的图像视图 → 对应报错位置#11
12. 展示drink[7].name的文本视图 → 对应报错位置#12
13. 触发跳转首页的第四个按钮 → 对应报错位置#13

另外代码中存在一处附带的语法问题：第二个按钮的闭包内直接写了OrderButtonContent，缺少实例化的括号()，在Xcode12的类型推断规则下也会触发额外的编译告警/错误，需要同步修正。

两种适配Xcode12环境的合规写法，任选其一即可解决报错：

• 方案1：将单条饮品条目（图像、名称文本、下单按钮）封装为独立的子视图
  比如抽取出DrinkOrderEntry视图，接收对应的饮品数据、跳转闭包作为入参，此时VStack的直接子视图会变为4个封装好的条目视图+1个Spacer，远低于10个的计数限制，从根源规避编译规则触发。
• 方案2：用Group视图把超出阈值的视图组打包
  比如把第11-13个视图（drink[7]对应的图像、文本、按钮）用Group {}包裹，这三个视图会被算作VStack下的1个Group类型的直接子视图，总计数回到10个的合规范围，即可通过编译。

补充说明：这个10视图的固定限制是SwiftUI早期版本的实现规则，从Xcode13开始苹果更新了ViewBuilder的解析逻辑，放开了直接子视图的数量上限，这也是同一份代码在高版本Xcode中可以正常编译的原因。

内容的提问来源于stack exchange，提问作者Aryan Chordia