SwiftUI NavigationSplitView紧凑模式下链接点击失效问题求助

你遇到的问题是因为在iPhone紧凑模式下，NavigationSplitView会自动合并侧边栏与详情栏的导航结构，此时在NavigationLink内部嵌套NavigationStack会造成导航栈状态冲突，返回后链接的激活状态没有正确重置，导致二次点击无响应。

可行的解决办法 #

方案一：将NavigationStack移至Detail区域

通过状态变量控制选中项，把NavigationStack放在NavigationSplitView的detail部分，统一管理导航栈：

import SwiftUI

struct ContentView: View {
    @State private var selectedItem: String? = nil
    
    var body: some View {
        NavigationSplitView {
            List {
                NavigationLink("Link", selection: $selectedItem) {
                    Text("Destination")
                }
            }
        } detail: {
            NavigationStack {
                if let selectedItem = selectedItem {
                    Text("Destination for \(selectedItem)")
                } else {
                    Text("Select an item")
                }
            }
        }
    }
}

方案二：根据尺寸类拆分导航结构

针对紧凑模式（如iPhone）直接使用NavigationStack，常规模式（如iPad）保留NavigationSplitView，避免结构冲突：

import SwiftUI

struct ContentView: View {
    @Environment(\.horizontalSizeClass) private var horizontalSizeClass
    
    var body: some View {
        if horizontalSizeClass == .compact {
            NavigationStack {
                List {
                    NavigationLink("Link") {
                        Text("Destination")
                    }
                }
            }
        } else {
            NavigationSplitView {
                List {
                    NavigationLink("Link") {
                        Text("Destination")
                    }
                }
            } detail: {
                Text("Select an item")
            }
        }
    }
}

问题根源说明 #

原代码中，NavigationLink的目标视图嵌套了NavigationStack，在紧凑模式下，外层NavigationSplitView已经提供了导航容器，内层的NavigationStack会叠加形成双重导航栈。返回时内层栈被销毁，但链接的状态没有同步更新，导致再次点击无法触发跳转逻辑。

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