SwiftUI中LazyVGrid项点击无响应，如何实现详情视图跳转？

问题根源 #

你的SearchResultRow视图里，给黄色圆角矩形添加了一个空的onTapGesture，这个手势会优先拦截点击事件，导致外层的NavigationLink无法接收到点击触发信号。

修复步骤 #

1. 移除空的onTapGesture
   删除SearchResultRow中.onTapGesture {}这一行代码，让点击事件能正常传递到外层的NavigationLink。

2. （可选）确保ForEach的标识可靠
   如果viewModel.results的元素是引用类型，建议给模型添加唯一标识并实现Identifiable协议，避免因对象引用重复导致的识别异常。

修复后的代码 #

修改后的SearchResultRow

struct SearchResultRow: View {
    let resultVM: ResultVM

    var body: some View {
        HStack {
            RoundedRectangle(cornerRadius: 16)
                .fill(.yellow)
                .frame(maxWidth: .infinity)
                .aspectRatio(1, contentMode: .fit)
                .overlay(Text(resultVM.trackName))
            // 移除空的onTapGesture
        }
        .padding()
        .background(Color.red)
    }
}

（可选）优化ForEach的使用方式

如果Result模型未实现Identifiable，建议补充：

struct Result: Identifiable {
    let id = UUID()
    // 模型原有属性：trackName等
}

之后ForEach可以简化为：

ForEach(viewModel.results) { result in
    let viewModel = ResultVM(model: result)
    NavigationLink(destination: DetailView()) {
        SearchResultRow(resultVM: viewModel)
    }
}

验证修复 #

重新运行项目后，点击网格项即可正常跳转到DetailView显示"Hello World"。

内容的提问来源于stack exchange，提问作者New iOS Dev