iOS 16嵌套List中NavigationLink无法点击问题求助

问题现象 #

• 在iOS16.1.2实体设备、iOS16.2模拟器（搭配Xcode14.2）环境下，嵌套List内的NavigationLink触摸目标异常，仅背景边缘极小区域可触发点击
• 点击时可能出现同时触发多个链接的异常行为
• NavigationStack和NavigationView两种导航容器均受影响，iOS15及以下版本无此问题
• 改用Section替代嵌套List后，若列表项结构稍复杂（如包含多元素布局），导航异常仍会出现

原因分析 #

这是Xcode14.2针对iOS16+版本的SwiftUI交互层适配bug：嵌套列表或复杂Section项的触摸事件传递链被错误拦截，导致NavigationLink的可点击区域被挤压、混淆，甚至出现事件穿透的情况。

解决方案 #

方案1：强制设置触摸区域覆盖整个列表项 #

给NavigationLink添加.contentShape(Rectangle())，确保触摸事件能覆盖整个列表项范围：

struct FixedNestedListView: View {
    var body: some View {
        NavigationStack {
            List {
                Section("父列表分组") {
                    List {
                        NavigationLink("子列表项1", destination: Text("详情页1"))
                            .contentShape(Rectangle())
                        NavigationLink("子列表项2", destination: Text("详情页2"))
                            .contentShape(Rectangle())
                    }
                }
            }
        }
    }
}

方案2：采用扁平化列表结构替代嵌套List #

放弃嵌套List的层级方式，改用单List+Section+手动缩进的方式模拟层级，从根源避免事件传递冲突：

struct FlatStructureView: View {
    var body: some View {
        NavigationStack {
            List {
                Section("父列表分组") {
                    NavigationLink(destination: Text("详情页1")) {
                        HStack {
                            Spacer().frame(width: 24) // 用缩进模拟子列表层级
                            Text("子列表项1")
                        }
                    }
                    NavigationLink(destination: Text("详情页2")) {
                        HStack {
                            Spacer().frame(width: 24)
                            Text("子列表项2")
                        }
                    }
                }
            }
        }
    }
}

方案3：手动控制导航动作（彻底规避事件冲突） #

用Button替代NavigationLink的默认点击触发，通过NavigationPath手动管理导航栈，完全绕过SwiftUI的默认事件传递逻辑：

struct ManualNavigationView: View {
    @State private var navPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navPath) {
            List {
                Section("父列表分组") {
                    List {
                        Button("子列表项1") {
                            navPath.append("detail1")
                        }
                        Button("子列表项2") {
                            navPath.append("detail2")
                        }
                    }
                }
            }
            .navigationDestination(for: String.self) { id in
                Text(id == "detail1" ? "详情页1" : "详情页2")
            }
        }
    }
}

临时方案：降级Xcode版本 #

如果项目允许，回退到Xcode14.1版本，该版本针对iOS16的SwiftUI交互适配未出现此问题。

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