ObservedObject与StateObject在NavigationLink中的行为问题及原理咨询

一、问题原因拆解 #

1. @ObservedObject导致预览无内容 #

在WeakSelfSecondScreen内部直接初始化@ObservedObject var vm = WeakSelfSecondScreenViewModel()是错误用法：

• @ObservedObject的设计初衷是观察外部传入的ObservableObject实例，它不持有实例的所有权，View重建时会重新执行初始化代码生成新的ViewModel。
• 预览环境中，SwiftUI会多次重建View实例，每次重建都会生成新的ViewModel，且由于没有外部稳定持有，ViewModel的@Published属性变化无法被视图正确捕获，最终导致预览界面空白。

2. @StateObject导致每次跳转ViewModel重新初始化 #

当改用@StateObject后，虽然视图能正常显示，但每次点击NavigationLink都会触发ViewModel初始化：

• @StateObject的生命周期和所属的View实例绑定，每个View实例对应唯一的StateObject实例。
• 默认的NavigationLink(destination: WeakSelfSecondScreen())中，destination是一个ViewBuilder闭包，每次触发跳转（比如点击按钮）时，SwiftUI都会重新计算闭包，创建一个全新的WeakSelfSecondScreen实例，对应的@StateObject也会跟着重新初始化。

二、核心机制详解 #

@StateObject #

• iOS 14+引入，专为持有ObservableObject设计，属于View的私有状态存储。
• 生命周期：仅在View第一次被创建时初始化ViewModel，后续View因状态变化重建时，会复用已有的ViewModel实例，不会重新初始化。
• 适用场景：View自己拥有的ViewModel，不需要外部共享时使用。

@ObservedObject #

• 用于观察外部传入的ObservableObject实例，View不持有实例的所有权。
• 生命周期：完全依赖外部的实例持有情况，如果外部实例被销毁，View会立即失去观察源；如果View重建时没有传入稳定的实例，会重新创建ViewModel。
• 适用场景：需要共享ViewModel（比如父视图传递给子视图）、或ViewModel由外部依赖注入时使用。

NavigationLink（传统方式） #

• 默认情况下，destination参数是延迟计算的ViewBuilder，每次触发跳转（比如点击按钮）时，都会重新执行闭包创建新的目标View实例。
• 这种设计是为了优化性能（避免提前创建未显示的视图），但也导致了每次跳转都生成新View和其关联的StateObject。

三、解决方案 #

方案1：父视图持有ViewModel，传递给子视图 #

将ViewModel的所有权提升到父视图（WeakSelfBootcamp），用@StateObject持有，再通过构造函数传递给子视图，子视图用@ObservedObject接收：

修改后的完整代码：

struct WeakSelfBootcamp: View {
    
    @AppStorage("count") var count: Int?
    @StateObject private var vm = WeakSelfSecondScreenViewModel() // 父视图持有ViewModel
    
    init() {
        count = 0
    }
    
    var body: some View {
        NavigationView {
            NavigationLink("Navigate", destination: WeakSelfSecondScreen(vm: vm))
                .navigationTitle("Screen 1")
        }
        .overlay(
            Text("\(count ?? 0)")
                .font(.largeTitle)
                .padding()
                .background(Color.green.cornerRadius(10))
            , alignment: .topTrailing
        )
    }
}

struct WeakSelfSecondScreen: View {
    
    @ObservedObject var vm: WeakSelfSecondScreenViewModel // 接收外部传入的ViewModel
    
    var body: some View {
        VStack {
            Text("Second View")
                .font(.largeTitle)
                .foregroundColor(.red)
            
            Text(String(vm.data))
        }
        .onAppear{
            vm.changeData()
        }
    }
}

class WeakSelfSecondScreenViewModel: ObservableObject {
    
    @Published var data: Int = 0
    
    init() {
        print("INITIALIZE NOW")
        let currentCount = UserDefaults.standard.integer(forKey: "count")
        UserDefaults.standard.set(currentCount + 1, forKey: "count")
        getData()
    }
    
    deinit {
        print("DEINITIALIZE NOW")
        let currentCount = UserDefaults.standard.integer(forKey: "count")
        UserDefaults.standard.set(currentCount - 1, forKey: "count")
    }
    
    func changeData(){
        data = data + 2
    }
    
    func getData() {
        self.data = 0
    }
}

方案2：iOS 16+使用NavigationStack + navigationDestination #

如果你的项目支持iOS 16及以上，推荐使用NavigationStack替代NavigationView，配合navigationDestination实现更稳定的视图跳转，避免重复创建View实例：

struct WeakSelfBootcamp: View {
    
    @AppStorage("count") var count: Int?
    @StateObject private var vm = WeakSelfSecondScreenViewModel()
    @State private var showSecondScreen = false
    
    init() {
        count = 0
    }
    
    var body: some View {
        NavigationStack {
            Button("Navigate") {
                showSecondScreen = true
            }
            .navigationTitle("Screen 1")
            .navigationDestination(isPresented: $showSecondScreen) {
                WeakSelfSecondScreen(vm: vm)
            }
        }
        .overlay(
            Text("\(count ?? 0)")
                .font(.largeTitle)
                .padding()
                .background(Color.green.cornerRadius(10))
            , alignment: .topTrailing
        )
    }
}

// WeakSelfSecondScreen和ViewModel代码同方案1

这两种方案都能保证ViewModel仅初始化一次，每次跳转复用同一个实例，同时预览时可以手动注入ViewModel实例，解决预览空白问题。

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