SwiftUI中List嵌套ForEach的优势是什么？为何不直接用List？

在你给出的简单场景下，两种写法确实能得到完全一样的运行效果，但嵌套ForEach的写法在复杂场景下有不可替代的优势：

• 支持混合静态与动态内容
  直接使用List(data, id: \.self)的初始化方式只能渲染单一的循环内容，而嵌套ForEach可以让你在List中自由组合静态视图和动态循环项。比如给列表加标题、分隔视图：

  struct ContentView: View {
      var colors: [Color] = [.red, .blue, .yellow, .pink, .orange, .green]
      var body: some View {
          List {
              Text("可用颜色列表")
                  .font(.headline)
              Divider()
              ForEach(colors, id: \.self) { color in
                  Text(color.description)
              }
          }
      }
  }
  

• 同时处理多个数据源
  如果你的List需要展示来自不同数组的内容，嵌套ForEach可以轻松实现多组循环项的拼接。比如同时展示颜色和水果列表：

  struct ContentView: View {
      var colors: [Color] = [.red, .blue, .yellow]
      var fruits: [String] = ["苹果", "香蕉", "橙子"]
      var body: some View {
          List {
              ForEach(colors, id: \.self) { color in
                  Text(color.description)
              }
              ForEach(fruits, id: \.self) { fruit in
                  Text(fruit)
              }
          }
      }
  }
  

  这种场景下直接用List的数据源初始化无法实现，因为它只能绑定一个数组。

• 精细控制列表项的编辑行为
  当你需要给列表项添加onDelete、onMove这类编辑操作时，嵌套ForEach可以针对不同的循环块单独设置规则。比如只允许删除颜色项：

  struct ContentView: View {
      @State var colors: [Color] = [.red, .blue, .yellow]
      @State var fruits: [String] = ["苹果", "香蕉", "橙子"]
      var body: some View {
          List {
              ForEach(colors, id: \.self) { color in
                  Text(color.description)
              }
              .onDelete(perform: deleteColor)
              
              ForEach(fruits, id: \.self) { fruit in
                  Text(fruit)
              }
          }
          .toolbar {
              EditButton()
          }
      }
      
      func deleteColor(at offsets: IndexSet) {
          colors.remove(atOffsets: offsets)
      }
  }
  

• 与其他容器的用法保持一致
  在SwiftUI的VStack、ScrollView等容器中，循环渲染内容必须使用ForEach。嵌套ForEach的写法和这些容器的用法统一，当你需要把List换成其他容器时，不需要大幅修改循环部分的代码，降低了重构成本。

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