为何切换View的id时onAppear()第二次无法触发？

问题场景 #

我正在跟随《Thinking in SwiftUI》一书做示例开发，代码结构如下：

1. Contact 可观察对象 #

final class Contact: ObservableObject, Identifiable {
    let id = UUID()
    @Published var name: String
    @Published var city: String
    @Published var profile: String
    
    init(name: String, city: String, profile: String) {
        self.name = name
        self.city = city
        self.profile = profile
    }
}

2. 主视图 ContentView #

struct ContentView: View {
    @State var selection: Contact?
    var contacts: [Contact]
    
    var body: some View {
        HStack {
            ForEach(contacts) { contact in
                Button(contact.name) {
                    self.selection = contact
                }
            }
        }
        if let c = selection {
            Detail(contact: c)
        }
    }
}

3. 详情视图 Detail #

struct Detail: View {
    @ObservedObject var contact: Contact
    @StateObject var loader = ImageLoader()
    var body: some View {
        HStack {
            loader.imageView
            VStack {
                Text(contact.name).bold()
                Text(contact.city)
            }
        }
        .id(contact.id)
        .onAppear {
            loader.load(image: contact.profile)
        }
    }
}

4. 模拟图片加载器 ImageLoader #

class ImageLoader: ObservableObject {
    
    var image: String = ""
    init() {
        print("Initializer of Image Loader was called")
    }
    
    func load(image: String) {
        print("Brrr.... loading image")
        print("The image is: \(image)")
        self.image = image
    }
}

5. App 入口 #

@main
struct SwiftUILearning2App: App {
    
    var body: some Scene {
        WindowGroup {
            ContentView(contacts: [ Contact(name: "name1", city: "city1", profile: "profile_1"),
                                   Contact(name: "name2", city: "city2", profile: "profile_2")])
        }
    }
}

按照书中指导，我给Detail视图的body返回内容加上了.id(contact.id)修饰符，理论上切换选中的联系人时应该触发onAppear，进而调用loader.load()加载对应图片，但实际操作中完全没触发，这是为什么？

原因分析 #

核心问题出在**@StateObject的生命周期和.id的作用范围不匹配**：

• @StateObject的生命周期是和视图结构体实例绑定的，只要视图实例不被销毁重建，@StateObject就会一直存在，不会重新初始化。
• 你把.id(contact.id)加在了Detail视图body内部返回的HStack上，而非Detail视图本身。SwiftUI只会更新body里的内容，不会销毁重建整个Detail视图实例，所以onAppear不会被触发，loader也不会重新创建。

简单说：你改的是视图内部子元素的身份，不是整个Detail视图的身份，所以SwiftUI认为不需要重新执行onAppear，也不需要重建loader。

解决方案 #

有两种直接有效的修复方式：

方案1：把.id加到Detail视图实例上 #

在ContentView中调用Detail时，直接给Detail视图加上.id：

if let c = selection {
    Detail(contact: c)
        .id(c.id) // 让整个Detail视图的身份随联系人变化
}

这样切换联系人时，SwiftUI会销毁旧的Detail实例，创建新的实例，@StateObject loader会重新初始化，onAppear也会被触发。

方案2：监听联系人变化手动触发加载 #

不需要依赖视图身份变化，直接用onChange监听联系人的id变化，主动调用加载方法：

struct Detail: View {
    @ObservedObject var contact: Contact
    @StateObject var loader = ImageLoader()
    
    var body: some View {
        HStack {
            loader.imageView
            VStack {
                Text(contact.name).bold()
                Text(contact.city)
            }
        }
        .onChange(of: contact.id) { _ in
            loader.load(image: contact.profile)
        }
        .onAppear {
            loader.load(image: contact.profile) // 保留初次加载逻辑
        }
    }
}

这种方式更灵活，不管视图是否重建，只要联系人切换就会触发加载。

补充说明 #

书中提到的“更改视图标识触发onAppear”是正确的，但关键是要把.id应用到整个视图实例上，而非视图内部的子元素。只有视图实例被完全重建，@StateObject才会重新初始化，onAppear才会再次执行。

内容的提问来源于stack exchange，提问作者Paweł Brewczynski