NavigationSplitView跳转至详情同视图时为何不更新值？

问题现象 #

使用NavigationSplitView实现导航路由时，跨类型视图切换（如ViewA → ViewB）能正常更新内容，但同类型视图切换参数（如ViewB(42) → ViewB(100)）时，详情页内容不更新。该问题仅在iPad等支持分栏的设备上出现，iPhone上无此问题。

问题原因 #

SwiftUI的NavigationSplitView对详情视图做了复用优化：当切换同类型视图时，SwiftUI认为视图实例未发生本质变化（仅参数不同），不会重新初始化视图，也不会触发内部@State变量的更新。你的ViewB使用@State持有视图模型，而@State仅在视图首次创建时初始化，后续参数变化无法触发重新初始化，导致内容停滞。

解决方案 #

以下两种方案可解决该问题，推荐第二种更符合SwiftUI响应式设计的实现方式：

方案1：用id修饰符强制视图刷新

在详情页的视图上添加.id()，让SwiftUI根据路由的哈希值判断是否需要重建视图：

struct MainViewDetailsView: View {
    @Bindable var viewModel: MainViewDetailsViewModel
    
    var body: some View {
        switch viewModel.appState.selectedRoute {
        case .viewA(let title):
            ViewA(viewModel: ViewAViewModel(title: title))
                .id(viewModel.appState.selectedRoute) // 绑定路由作为唯一标识
        case .viewB(let count):
            ViewB(viewModel: ViewBViewModel(count: count))
                .id(viewModel.appState.selectedRoute) // 绑定路由作为唯一标识
        case .none:
            Text("Select a view")
        }
    }
}

方案2：优化视图参数传递逻辑（推荐）

避免用@State持有视图模型，改用直接传递参数或@Bindable绑定视图模型，让视图响应参数变化：

1. 简化视图定义，直接接收参数：

struct ViewA: View {
    let title: String

    var body: some View {
        Text("View A: \(title)")
            .frame(width: 400, height: 100)
            .background(.orange)
    }
}

struct ViewB: View {
    let count: Int
    
    var body: some View {
        Text("View B: Count is \(count)")
            .frame(width: 400, height: 100)
            .background(.blue)
    }
}

2. 修改详情页的视图创建逻辑：

struct MainViewDetailsView: View {
    @Bindable var viewModel: MainViewDetailsViewModel
    
    var body: some View {
        switch viewModel.appState.selectedRoute {
        case .viewA(let title):
            ViewA(title: title)
        case .viewB(let count):
            ViewB(count: count)
        case .none:
            Text("Select a view")
        }
    }
}

若需保留视图模型，可改用@Bindable绑定并配合id确保视图重建：

struct ViewB: View {
    @Bindable var viewModel: ViewBViewModel
    
    var body: some View {
        Text("View B: Count is \(viewModel.count)")
            .frame(width: 400, height: 100)
            .background(.blue)
    }
}

struct MainViewDetailsView: View {
    @Bindable var viewModel: MainViewDetailsViewModel
    
    var body: some View {
        switch viewModel.appState.selectedRoute {
        case .viewA(let title):
            ViewA(viewModel: ViewAViewModel(title: title))
                .id(viewModel.appState.selectedRoute)
        case .viewB(let count):
            ViewB(viewModel: ViewBViewModel(count: count))
                .id(viewModel.appState.selectedRoute)
        case .none:
            Text("Select a view")
        }
    }
}

关键说明 #

• iPhone上无此问题是因为NavigationSplitView会折叠为导航栈，每次切换都会压入新视图，不存在复用逻辑。
• .id()是快速修复方案，若视图初始化成本较高，建议优化视图模型的更新逻辑，让视图响应参数变化而非重建视图。

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