未使用动态content SwiftUI正确更新ForEach

基础概念

SwiftUI 是苹果推出的一个声明式 UI 框架，用于构建 iOS、macOS、watchOS 和 tvOS 应用程序的用户界面。ForEach 是 SwiftUI 中的一个视图构造器，用于遍历一个集合，并为集合中的每个元素创建一个视图。

类型

ForEach 可以遍历多种类型的集合，包括数组、集合和范围。

应用场景

ForEach 常用于需要动态显示集合数据的场景，例如列表、网格等。

问题及解决方案

问题

未使用动态 content 的 ForEach 无法正确更新视图。

原因

ForEach 需要一个动态的 content 闭包来生成每个元素的视图。如果没有使用动态 content，ForEach 可能无法检测到集合的变化，从而导致视图不更新。

解决方案

确保在 ForEach 中使用动态 content 闭包，并且集合是可观察的（例如使用 ObservableObject 或 State）。

import SwiftUI

struct ContentView: View {
    @State private var items = ["Item 1", "Item 2", "Item 3"]

    var body: some View {
        VStack {
            ForEach(items.indices, id: \.self) { index in
                Text(items[index])
                    .padding()
                    .background(Color.gray.opacity(0.2))
                    .cornerRadius(8)
            }
        }
        .padding()
        .onAppear {
            // 模拟数据更新
            DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
                self.items.append("Item \(self.items.count + 1)")
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}