SwiftUI：如何在NavigationLink中嵌入Menu实现独立交互？

要实现点击行跳转详情页、点击右侧Menu直接打开菜单的需求，核心是避免Menu触发NavigationLink的跳转逻辑，以下是两种实用方案：

方案一：阻止点击透传（最小改动现有代码） #

针对你当前的代码结构，只需给Menu组件添加高优先级手势，让Menu优先接收点击事件，避免透传到下层的NavigationLink：

NavigationLink(destination: DetailView()) {
    HStack {
        Text("行内容")
        Spacer()
        Menu {
            Button("选项1") { /* 执行对应操作 */ }
            Button("选项2") { /* 执行对应操作 */ }
        } label: {
            Image(systemName: "ellipsis.circle")
        }
        .highPriorityGesture(TapGesture()) // 关键代码：优先响应Menu点击
    }
}

原理：highPriorityGesture会让Menu的点击手势优先级高于NavigationLink的区域点击，点击Menu时直接触发菜单展开，不会触发页面跳转。

方案二：分离跳转逻辑与Menu（更清晰的结构） #

使用navigationDestination替代传统NavigationLink，将行的跳转逻辑和Menu完全分离，代码结构更直观：

struct ContentView: View {
    @State private var shouldNavigate = false
    
    var body: some View {
        NavigationStack {
            List {
                HStack {
                    // 行主体点击触发跳转
                    Text("行内容")
                        .onTapGesture {
                            shouldNavigate = true
                        }
                    Spacer()
                    // 独立Menu组件
                    Menu {
                        Button("选项1") { /* 执行对应操作 */ }
                        Button("选项2") { /* 执行对应操作 */ }
                    } label: {
                        Image(systemName: "ellipsis.circle")
                    }
                }
                // 绑定跳转状态
                .navigationDestination(isPresented: $shouldNavigate) {
                    DetailView()
                }
            }
            .navigationTitle("首页")
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("详情页")
            .navigationTitle("详情")
    }
}

原理：通过@State变量控制跳转状态，行主体的点击单独触发跳转，Menu完全独立，不存在点击冲突问题。

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