NavigationSplitView切换详情时State/StateObjects未重置问题及原因

问题现象 #

使用三列NavigationSplitView时，详情页FlightDetailView接收Core Data的flight模型。列表切换选中项后，详情页的@StateObject、@State不会自动重置：.task仅在首次加载时执行一次，.onDisappear从未触发。尝试添加.id(flight.id)仅能让新的@StateObject初始化，但旧实例不会被销毁。经排查，问题根源是详情页toolbar中的Menu会额外持有视图实例，导致其无法正常销毁。

解决方案 #

方案1：将Menu移出详情页 #

把toolbar中的Menu迁移到侧边栏或导航栏的其他父级视图区域，避免Menu持有FlightDetailView的引用。这样切换详情页时，旧视图实例能正常被销毁，状态也会随视图重建而重置。

方案2：手动管理状态生命周期 #

若必须在详情页保留Menu，可通过以下方式强制状态重置：

• 用@ObservedObject替代@StateObject，在父视图中根据selectedFlight的变化创建新的ViewModel实例，再传递给详情页；
• 在FlightDetailView中监听flight.id的变化，在.onChange(of: flight.id)回调里手动重置@State变量，同时调用ViewModel的清理方法。

方案3：用LazyView包装详情页 #

自定义LazyView实现延迟加载，确保每次切换选中项时都创建全新的详情页实例：

struct LazyView<Content: View>: View {
    let build: () -> Content
    init(_ build: @autoclosure @escaping () -> Content) {
        self.build = build
    }
    var body: Content {
        build()
    }
}

在NavigationSplitView的详情页位置使用：

NavigationSplitView {
    // 侧边栏视图
} detail: {
    if let selectedFlight = selectedFlight {
        LazyView(FlightDetailView(flight: selectedFlight))
            .id(selectedFlight.id)
    } else {
        Text("Select a flight")
    }
}

结合.id(selectedFlight.id)，可确保切换时旧视图被销毁、新视图重建，状态完全重置。

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