如何解决NavigationLink(value:label:)添加longPressGesture后失效问题？

当给NavigationLink(value:label:)的label元素添加.onLongPressGesture时，会出现NavigationLink点击失效的问题——这是因为显式添加的长按手势会拦截视图的默认tap交互，覆盖了NavigationLink原本的点击触发逻辑。下面提供两种可行的解决方案：

方案一：使用simultaneousGesture保留默认NavigationLink交互 #

将长按手势包装在simultaneousGesture中，允许它与NavigationLink的默认tap手势同时被识别，避免手势拦截：

import SwiftUI

struct CombineLongPressAndNavigationLink: View {
    @State private var rowColor: Color = .red

    var body: some View {
        NavigationStack {
            ForEach(0..<50) { index in
                NavigationLink(value: index) {
                    Rectangle().fill(rowColor)
                        .frame(height: 40)
                        .overlay {
                            Text("Navigate to \(index)")
                        }
                        // 使用simultaneousGesture避免拦截默认点击
                        .simultaneousGesture(
                            LongPressGesture()
                                .onEnded { _ in
                                    rowColor = rowColor == .red ? .green : .red
                                }
                        )
                }
            }
            .navigationDestination(for: Int.self) { index in
                Text("\(index)")
            }
        }
    }
}

方案二：程序化导航（NavigationStack + NavigationPath） #

通过NavigationStack(path:)完全自定义导航逻辑，脱离NavigationLink的默认交互限制，这种方式更灵活，适配多种值类型：

import SwiftUI

struct CombineLongPressAndNavigationLink: View {
    @State private var rowColor: Color = .red
    @State private var path = NavigationPath() // 用于程序化导航的路径

    var body: some View {
        NavigationStack(path: $path) {
            ForEach(0..<50) { index in
                Rectangle().fill(rowColor)
                    .frame(height: 40)
                    .overlay {
                        Text("Navigate to \(index)")
                    }
                    .onTapGesture {
                        path.append(index) // 手动触发导航
                    }
                    .onLongPressGesture {
                        rowColor = rowColor == .red ? .green : .red
                    }
            }
            .navigationDestination(for: Int.self) { index in
                Text("\(index)")
            }
        }
    }
}

方案说明 #

• 方案一改动最小，适合希望保留NavigationLink原有结构的场景；
• 方案二更适合复杂交互需求，且NavigationPath支持多种可哈希值类型，只要对应添加navigationDestination(for:)即可实现不同类型的页面跳转，无需担心值类型兼容性问题。

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