如何避免Swift中ObservedObject在视图间重复初始化？

问题根源 #

你遇到的ViewModel重复初始化不属于正常行为，原因很明确：你在两个独立的地方分别创建了MainViewModel实例：

1. 在MapGlider App结构体中声明并初始化了一个@ObservedObject var mainViewModel = MainViewModel()
2. 在MainScreenContainer视图中又声明并初始化了另一个@ObservedObject var mainViewModel = MainViewModel()

这两个实例完全独立，因此启动时会触发两次初始化日志。

解决方案 #

要避免重复初始化，需要遵循SwiftUI的状态管理规则：只在视图层级的顶层创建并持有ObservableObject实例，子视图仅接收实例而非自行创建。

步骤1：改用@StateObject在顶层持有ViewModel

在App结构体中，应该使用@StateObject而非@ObservedObject来持有ViewModel——@StateObject专门用于在视图生命周期内持久化ObservableObject实例，确保不会被SwiftUI的视图更新重复创建。

修改后的MapGlider代码：

@main
struct MapGlider: App {
    @UIApplicationDelegateAdaptor private var appDelegate: AppDelegate
    @StateObject var mainViewModel = MainViewModel() // 使用StateObject
    var body: some Scene {
        WindowGroup {
            MainScreenContainer(showOnboarding: $mainViewModel.showOnboarding)
                .environmentObject(mainViewModel) // 将ViewModel注入全局环境
        }
    }
}

步骤2：修改MainScreenContainer接收ViewModel

移除MainScreenContainer中自行创建的ViewModel实例，改为从环境中获取或通过参数传递：

方式一：通过环境对象获取

struct MainScreenContainer: View {
    @Binding var showOnboarding: Bool
    @EnvironmentObject var mainViewModel: MainViewModel // 从环境中获取实例
    
    var body: some View {
        if showOnboarding {
            OnboardingView(showOnboarding: $showOnboarding)
        } else {
            MainView()
            // MainView可直接通过@EnvironmentObject获取ViewModel，无需额外传递
        }
    }
}

方式二：直接通过参数传递

如果你不想使用环境对象，也可以直接将ViewModel作为参数传入：

// 修改App中的调用
MainScreenContainer(
    showOnboarding: $mainViewModel.showOnboarding,
    mainViewModel: mainViewModel
)

// 修改MainScreenContainer
struct MainScreenContainer: View {
    @Binding var showOnboarding: Bool
    let mainViewModel: MainViewModel // 直接接收实例，无需@ObservedObject
    
    var body: some View {
        if showOnboarding {
            OnboardingView(showOnboarding: $showOnboarding)
        } else {
            MainView()
                .environmentObject(mainViewModel) // 传递给MainView
        }
    }
}

步骤3：在子视图中使用ViewModel

以MainView为例，若使用环境对象，只需在视图中声明@EnvironmentObject即可获取实例：

struct MainView: View {
    @EnvironmentObject var mainViewModel: MainViewModel
    
    var body: some View {
        // 此处可直接使用mainViewModel的属性和方法
        Text(mainViewModel.showOnboarding ? "引导页未完成" : "主页面")
    }
}

关键知识点 #

• @StateObject：用于在视图层级顶层创建并持有ObservableObject实例，生命周期与视图绑定。
• @ObservedObject：用于接收父视图传递的ObservableObject实例，不负责创建和持有。
• @EnvironmentObject：用于从全局环境中获取共享的ObservableObject实例，适合在多个子视图间共享状态。

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