ForEach 内的工作表不会循环遍历项目 SwiftUI

Swift

在SwiftUI中，我们经常使用ForEach来循环遍历一个数组或集合，并创建相应的视图。这对于在界面上展示动态数据非常有用。然而，需要注意的是，在ForEach内部的工作表不会像我们期望的那样循环遍历项目。

在SwiftUI中，ForEach是用来展示列表的常用方法之一。我们可以将一个数组传递给ForEach，并在闭包中定义我们想要展示的视图。例如，我们有一个存储了不同城市名称的数组cities，我们可以使用ForEach来将这些城市名称展示出来：

Swift
struct ContentView: View {
    let cities = ["New York", "London", "Paris", "Tokyo"]
    
    var body: some View {
        VStack {
            ForEach(cities, id: \.self) { city in
                Text(city)
            }
        }
    }
}

在上面的例子中，我们使用了ForEach来遍历cities数组，并通过闭包将每个城市名称展示为一个文本视图。在这个例子中，我们使用了id参数来指定城市名称作为每个视图的唯一标识符。

然而，需要注意的是，在ForEach内部的工作表不会循环遍历项目。换句话说，如果我们在ForEach内部添加了一些逻辑或者修改了数据，这些修改只会在循环的第一次执行时生效，而不会在每个项目上执行。

这种行为对于性能优化是有好处的，因为它可以避免不必要的重复计算。但是，有时候我们可能需要在每个项目上执行一些操作。在下面的例子中，我们尝试在ForEach内部修改数组中的每个城市名称：

Swift
struct ContentView: View {
    @State private var cities = ["New York", "London", "Paris", "Tokyo"]
    
    var body: some View {
        VStack {
            ForEach(cities, id: \.self) { city in
                Text(city)
            }
            
            Button("Modify") {
                self.modifyCities()
            }
        }
    }
    
    private func modifyCities() {
        for i in 0..<cities.count {</p>            cities[i] = cities[i].uppercased()
        }
    }
}

在上面的例子中，我们在ForEach的后面添加了一个按钮，用于触发modifyCities函数。这个函数会将数组中的每个城市名称转换为大写字母。然而，当我们点击按钮时，我们会发现界面上的文本视图没有更新。

这是因为在ForEach内部的工作表不会循环遍历项目，所以对于每个城市名称的修改只会在循环的第一次执行时生效。要解决这个问题，我们可以使用ForEach的绑定版本来手动更新视图。

Swift
struct ContentView: View {
    @State private var cities = ["New York", "London", "Paris", "Tokyo"]
    
    var body: some View {
        VStack {
            ForEach($cities, id: \.self) { $city in
                Text(city.wrappedValue)
            }
            
            Button("Modify") {
                self.modifyCities()
            }
        }
    }
    
    private func modifyCities() {
        for i in 0..<cities.count {</p>            cities[i] = cities[i].uppercased()
        }
    }
}

在上面的例子中，我们在ForEach的第一个参数前面添加了$符号，以使用绑定版本的数组。然后，在闭包中，我们使用$city来访问数组中的每个城市名称，并将其展示为一个文本视图。这样，当我们修改城市名称时，视图会自动更新。

解决方案：使用绑定版本的ForEach

在上面的例子中，我们解决了在ForEach内部工作表不循环遍历项目的问题，通过使用绑定版本的ForEach来手动更新视图。这种方法适用于需要在每个项目上执行某些操作的情况。

需要注意的是，使用绑定版本的ForEach可能会影响性能，因为它会在每次视图更新时重新计算。因此，我们应该根据实际情况选择合适的方法来处理视图的更新。

在SwiftUI中，使用ForEach来循环遍历数组或集合，并创建相应的视图是非常常见的。然而，需要注意的是，在ForEach内部的工作表不会像我们期望的那样循环遍历项目。我们可以通过使用绑定版本的ForEach来手动更新视图，但需要注意性能问题。

希望本文对你在使用ForEach时有所帮助！