SwiftUI NavigationLink iOS正常 macOS端导航失效如何修复

• 核心诱因是NavigationView在iOS和macOS平台的默认导航逻辑不一致：iOS端默认采用栈导航规则，所有处于导航容器内的NavigationLink无论放置位置如何，都会被默认识别为可交互控件；但macOS端默认采用三栏侧边栏导航范式，默认仅将侧边栏List中直接声明的NavigationLink纳入导航响应链路，内容详情区自定义放置的NavigationLink不会被自动激活，因此呈现灰色禁用状态、无点击响应。
• 你在DetailView中以SF Symbols图片为标签实现的二级NavigationLink，属于详情区自定义控件，不在macOS默认识别的导航链路范围内，因此出现跨平台表现差异。

两种修改方式可叠加使用，修改后既不破坏iOS端原有正常导航逻辑，也能让macOS端导航恢复正常，同时符合macOS平台交互规范。

1. 补全NavigationView的双栏结构声明 #

macOS的多栏导航要求NavigationView下必须显式声明侧边栏、默认详情栏两个子视图，否则会出现内容区导航链路识别异常，修改FirstView中NavigationView的代码如下：

NavigationView {
    List {
        ForEach(nodes, id:\.id) { (node) in
            NavigationLink(destination: DetailView(displayNode: node)) {
                VStack {
                    Text(node.name)
                }
            }
        }
    }
    // 补全省略的默认详情栏占位，适配macOS多栏导航规则
    Text("请选择左侧列表项")
}
.navigationViewStyle(.columns)

注意：不要使用.navigationViewStyle(.stack)，该样式会让macOS端失去侧边栏结构，退化为和iOS一致的单栈push导航，不符合macOS用户的操作习惯。

2. 给详情区的NavigationLink添加可交互按钮样式 #

macOS下不在List容器内的NavigationLink不会自动应用可点击的按钮样式，需要手动给控件添加样式修饰，修改DetailView内的两个图片导航链接代码如下：

HStack{
    NavigationLink(destination: FinalView()) {
        Image(systemName:"figure.stand.line.dotted.figure.stand")
    }
    .buttonStyle(.plain) // 手动声明按钮样式，恢复可点击状态
     
    NavigationLink(destination: FinalView()) {
            Image(systemName:"square.and.pencil")
    }
    .buttonStyle(.plain) // 手动声明按钮样式，恢复可点击状态
}

修改完成后重新编译，macOS端的SF Symbols导航链接会恢复为蓝色可交互状态，点击可正常跳转至FinalView。

修复前macOS端运行效果：

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