如何避免SwiftUI在自定义分页视图中重复创建StateObject？

核心问题本质 #

StateObject的生命周期绑定到所在视图实例，每次推送新页面或分页切换导致视图重建时，都会生成新的AddContentViewModel实例，自然无法共享数据。而App级EnvironmentObject会长期持有实例，导致旧数据残留，这两种方式都不符合当前分页创建流程的生命周期需求。

下面是几种可行的解决方案：

方案1：将ViewModel提升到导航发起者层级，用ObservedObject传递 #

把AddContentViewModel的实例创建权交给导航发起的父视图（比如主视图或ContentViewViewModel），子视图通过@ObservedObject引用同一个实例，确保整个分页流程共用ViewModel。

代码示例： #

1. 在主视图模型中持有ViewModel实例：

class ContentViewViewModel: ObservableObject {
    // 仅在发起新内容创建时生成新实例
    @Published var addContentVM: AddContentViewModel?
    
    func startNewContentCreation() {
        addContentVM = AddContentViewModel()
    }
}

2. 主视图中触发导航并传递ViewModel：

struct ContentView: View {
    @StateObject var vm = ContentViewViewModel()
    @State private var path = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $path) {
            Button("创建新内容") {
                vm.startNewContentCreation()
                path.append("AddContent")
            }
            .navigationDestination(for: String.self) { destination in
                if destination == "AddContent", let vm = vm.addContentVM {
                    AddContentPresenterView(vm: vm)
                }
            }
        }
    }
}

3. 分页视图中用ObservedObject接收：

struct AddContentPresenterView: View {
    @ObservedObject var vm: AddContentViewModel
    @State private var currentPage = 0 // 控制命名/总结页面切换
    
    var body: some View {
        TabView(selection: $currentPage) {
            NameInputView(vm: vm)
                .tag(0)
            SummaryInputView(vm: vm)
                .tag(1)
        }
        .tabViewStyle(.page)
    }
}

// 子页面示例
struct NameInputView: View {
    @ObservedObject var vm: AddContentViewModel
    
    var body: some View {
        TextField("输入内容名称", text: $vm.contentName)
    }
}

方案2：通过NavigationStack路径绑定ViewModel（推荐） #

将AddContentViewModel包装成符合Identifiable的导航目标对象，加到导航路径中。这样每次发起创建时生成新实例，分页切换时复用同一个路径对象，ViewModel生命周期与导航路径绑定。

代码示例： #

1. 定义导航目标类型：

enum NavDestination: Identifiable {
    case addContent(AddContentViewModel)
    
    var id: UUID {
        switch self {
        case .addContent(let vm): return vm.id
        }
    }
}

// 给AddContentViewModel添加UUID标识
class AddContentViewModel: ObservableObject {
    let id = UUID()
    @Published var contentName = ""
    @Published var contentSummary = ""
}

2. 主视图中管理导航路径：

struct ContentView: View {
    @State private var path = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $path) {
            Button("创建新内容") {
                let newVM = AddContentViewModel()
                path.append(NavDestination.addContent(newVM))
            }
            .navigationDestination(for: NavDestination.self) { destination in
                switch destination {
                case .addContent(let vm):
                    AddContentPresenterView(vm: vm)
                }
            }
        }
    }
}

3. 分页视图同样用ObservedObject接收ViewModel，确保数据共享。

方案3：保留EnvironmentObject但添加重置方法 #

如果已经依赖App级EnvironmentObject，可以给AddContentViewModel添加重置方法，每次发起新内容创建前主动清空数据。

代码示例： #

class AddContentViewModel: ObservableObject {
    @Published var contentName = ""
    @Published var contentSummary = ""
    
    func reset() {
        contentName = ""
        contentSummary = ""
    }
}

// 在App层级注入
@main
struct MyApp: App {
    @StateObject var addContentVM = AddContentViewModel()
    
    var body: some Scene {
        WindowGroup {
            ContentView()
                .environmentObject(addContentVM)
        }
    }
}

// 发起创建时先重置
struct ContentView: View {
    @EnvironmentObject var addContentVM: AddContentViewModel
    @State private var path = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $path) {
            Button("创建新内容") {
                addContentVM.reset()
                path.append("AddContent")
            }
            .navigationDestination(for: String.self) { _ in
                AddContentPresenterView()
            }
        }
    }
}

方案对比 #

• 方案1：实现简单，适合小型项目或单一创建流程，ViewModel生命周期由父视图控制。
• 方案2：更贴合SwiftUI NavigationStack的设计理念，支持复杂导航场景，避免ViewModel生命周期管理混乱。
• 方案3：适合已有项目的最小改动，但需注意重置时机，避免多线程或并发创建时的数据冲突。

关键原则 #

跨视图共享的ViewModel，不要用StateObject在子视图中创建，应该由导航发起者或父层级负责实例化，子视图通过ObservedObject引用，确保整个流程共用同一个实例。

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