Swiftui 我能';不要让我的懒虫网格显示两行以上

Swiftui 我能';不要让我的懒虫网格显示两行以上,swiftui,lazyvgrid,Swiftui,Lazyvgrid,所以我得到了这个非常基本的网格。它有5列,应该有3行。 但是我不能让编译器编译超过两行的内容 编译器抱怨:“调用中位置11、#12、#13、#14、#15的额外参数” 如果我删除文本6到10,它会编译 代码: 您已进入ViewBuilder10个视图限制。。。因此,当您使用静态内容时,您必须在组中包装一些内容以符合该规则(即构建块中不超过10个视图) 所以,就像 var body: some View { LazyVGrid(columns: columns, spacing: 8) {

所以我得到了这个非常基本的网格。它有5列,应该有3行。 但是我不能让编译器编译超过两行的内容

编译器抱怨:“调用中位置11、#12、#13、#14、#15的额外参数”

如果我删除文本6到10,它会编译

代码:


您已进入
ViewBuilder
10个视图限制。。。因此,当您使用静态内容时,您必须在
组中包装一些内容以符合该规则(即构建块中不超过10个视图)

所以,就像

var body: some View {
    LazyVGrid(columns: columns, spacing: 8) {
      Group {
        Text("Buttons").font(.headline)
        Text("resting").font(.subheadline)
        Text("active").font(.subheadline)
        Text("loading").font(.subheadline)
        Text("disabled").font(.subheadline)
      }

      Group {
        Text("1").font(.headline)
        Text("2").font(.subheadline)
        Text("3").font(.subheadline)
        Text("4").font(.subheadline)
        Text("5").font(.subheadline)

        Text("6").font(.headline)
        Text("7").font(.subheadline)
        Text("8").font(.subheadline)
        Text("9").font(.subheadline)
        Text("10").font(.subheadline)
      }

      Group {
         ... other code
      }
    }.padding(.horizontal, 10)
}
注意:
也是视图,因此组数也不应超过10个。。。但是组可以包含其他组

但是。。。当然,最好使用动态内容,如
ForEach
,以防万一

var body: some View {
    LazyVGrid(columns: columns, spacing: 8) {
      Group {
        Text("Buttons").font(.headline)
        Text("resting").font(.subheadline)
        Text("active").font(.subheadline)
        Text("loading").font(.subheadline)
        Text("disabled").font(.subheadline)
      }

      Group {
        Text("1").font(.headline)
        Text("2").font(.subheadline)
        Text("3").font(.subheadline)
        Text("4").font(.subheadline)
        Text("5").font(.subheadline)

        Text("6").font(.headline)
        Text("7").font(.subheadline)
        Text("8").font(.subheadline)
        Text("9").font(.subheadline)
        Text("10").font(.subheadline)
      }

      Group {
         ... other code
      }
    }.padding(.horizontal, 10)
}