如何让NavigationSplitView详情页的task/onAppear随选择变更触发？

问题本质是SwiftUI的NavigationSplitView在切换同类型的DetailView时，会复用现有视图实例，不会重新创建，导致task或onAppear只在首次加载时触发，后续切换菜单时不会执行。以下是两种无需依赖onChange(of:)的解决方案：

方案1：使用带id参数的task修饰符 #

这是最推荐的方案，无需重建视图，仅在依赖值变化时重新执行异步任务。修改DetailView的task修饰符，指定依赖的menuItem：

struct DetailView: View {
    let menuItem: MenuItem
    @State var name = "Name"
    
    var body: some View {
        VStack {
            Text(menuItem.id)
            Text(name)
        }
        .task(id: menuItem) { // 绑定menuItem为task的依赖
            // 异步初始化逻辑会在menuItem变化时重新执行
            name = menuItem.id
        }
    }
}

当menuItem改变时，旧的task会被自动取消，新的task会启动，完美适配异步场景。

方案2：给DetailView添加id修饰符 #

通过给DetailView绑定与selection关联的id，让SwiftUI认为每次切换都是新视图，从而重新创建视图并触发task/onAppear：

struct ContentView: View {
    @State var selection: MenuItem?
    
    var body: some View {
        NavigationSplitView {
            List(MenuItem.allCases, selection: $selection) { item in
                NavigationLink(value: item) {
                    Text(item.rawValue)
                }
            }
        } detail: {
            if let selection {
                DetailView(menuItem: selection)
                    .id(selection) // 绑定id到选中的菜单项
            } else {
                Text("Default")
            }
        }
    }
}

此方法简单直接，但会重建整个DetailView，若视图包含复杂组件可能存在性能开销，适合简单视图场景。

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