SwiftUI中ForEach导致DetailView被创建6次的原因排查

这是SwiftUI视图系统的特性导致的，核心原因是视图结构体的实例创建 ≠ 屏幕上的可视视图渲染，具体来说有两个关键点：

1. List的预加载行为 #

List底层依赖UIKit的UITableView，它会预加载当前可见区域外的行，用来保证滚动时的流畅性。哪怕你只看到3个单元格，List可能会提前创建额外的视图实例备用，这就触发了额外的初始化打印。

2. SwiftUI的body重计算机制 #

SwiftUI的View是值类型，系统会在布局调整、状态检查等场景下重新计算body属性。每次计算body时，ForEach都会重新生成DetailView的实例。比如第一次计算body创建3个实例，后续布局校验时又会创建3个，最终累计6次初始化打印，但只有真正需要渲染的3个会显示在屏幕上。

怎么验证这个结论？ #

你可以在DetailView的body里加个打印，看看实际渲染的次数：

struct DetailView: View {
    static var count = 0
    var id: Int
    
    init() {
        id = Self.count
        print("Init the Detail View - \(id).")
        Self.count += 1
    }

    var body: some View {
        print("Rendering Detail View \(id)")
        return Text("Hello \(id)")
    }
}

运行后会发现，Rendering的打印次数是3次（和界面显示一致），而Init次数是6次，这就说明很多结构体实例只是用来计算布局，并没有真正渲染成屏幕上的UI。

怎么解决id混乱的问题？ #

不要在DetailView内部用静态计数器生成id，而是从外部传入稳定的标识：

struct ContentView: View {
    var body: some View {
       List {
            ForEach(0..<3, id: \.self) { index in
                DetailView(id: index)
            }
        }
    }
}

struct DetailView: View {
    var id: Int
    
    init(id: Int) {
        self.id = id
        print("Init the Detail View - \(id).")
    }

    var body: some View {
        Text("Hello \(id)")
    }
}

这样不管结构体被初始化多少次，每个可视视图的id都是固定的，不会出现混乱。

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