SwiftUI搜索结果中首个NavigationLink无法点击问题求助

在使用SwiftUI的searchable组件实现用户搜索列表时，遇到了一个问题：当搜索结果包含相似名称（比如Sara和Sarah），列表里第一个NavigationLink完全无法响应点击，其余条目却正常工作。

问题根源 #

1. ForEach标识错误：原代码中ForEach ((allUsers), id:\.id )，String类型本身没有id属性，SwiftUI只能使用默认的隐式标识，当搜索结果出现相似字符串时，视图重用逻辑混乱，直接导致第一个条目的交互失效。
2. 过滤逻辑位置不合理：在ForEach内部通过if条件过滤数据，会让视图结构动态变化，SwiftUI的状态跟踪机制无法稳定识别每个条目，进而影响NavigationLink的点击响应。
3. 字符串匹配逻辑错误：原代码中user.name.contains(userSearch)，user本身就是字符串，不存在name属性，这一逻辑本身就有问题。

修复方案 #

1. 给ForEach设置正确的唯一标识

对于字符串数组，直接使用id:\.self作为唯一标识；如果是真实项目，推荐将用户封装成带唯一ID的结构体（比如用UUID），彻底避免重复内容的标识冲突。

2. 用计算属性处理过滤后的列表

将搜索过滤逻辑提取为计算属性，让ForEach遍历稳定的过滤后数组，保证视图结构的一致性，避免动态条件导致的状态跟踪问题。

3. 修正字符串匹配逻辑

直接使用字符串的contains方法，还可以用localizedCaseInsensitiveContains实现不区分大小写的搜索，提升用户体验。

修改后的完整代码 #

import SwiftUI

struct FollowingListRow: View {
    var userName: String
    
    var body: some View {
        HStack{
            Image("exampleImage")
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width:60, height: 60)
                .clipShape(Circle())
                .padding(.trailing, 45)
            
            VStack(alignment: .leading){
                Text(userName)
                    .font(.title2)
                NavigationLink(destination: TestView()){
                    Text("View Profile")
                        .font(.caption)
                        .foregroundColor(.black)
                        .padding(3)
                        .padding([.leading, .trailing], 15)
                        .border(.black)
                        .padding(.top, -5)
                }
            }
        }
        .padding()
    }
}

// 真实项目推荐方案：封装带唯一ID的用户结构体
// struct User: Identifiable {
//     let id = UUID()
//     let name: String
// }

struct FollowingListView: View {
    // 如果使用User结构体，替换成下面的写法
    // @State var allUsers: [User] = [User(name: "Sara"), User(name: "Sarah"), User(name: "Teddy"), User(name: "Jill")]
    @State var allUsers = ["Sara", "Sarah", "Teddy", "Jill"]
    @State private var userSearch = ""
    
    // 计算属性：生成过滤后的用户列表
    var filteredUsers: [String] {
        guard !userSearch.isEmpty else {
            return allUsers
        }
        // 不区分大小写的搜索，优化用户体验
        return allUsers.filter { $0.localizedCaseInsensitiveContains(userSearch) }
    }
    
    var body: some View {
        NavigationView{
            VStack{
                ScrollView{
                    // 遍历过滤后的数组，使用\.self作为唯一标识
                    ForEach(filteredUsers, id: \.self) { user in
                        FollowingListRow(userName: user)
                    }
                }
            }
            .padding(.top, 15)
            .navigationBarTitle("Search Users")
            .searchable(text: $userSearch, placement: .navigationBarDrawer(displayMode: .always), prompt: "Search for Users")
        }
    }
}

// 测试用的目标页面
struct TestView: View {
    var body: some View {
        Text("User Profile")
            .navigationBarTitle("Profile", displayMode: .inline)
    }
}

额外提示 #

如果是真实项目，强烈推荐将用户封装成遵循Identifiable协议的结构体，用UUID作为唯一ID，这样不管用户名称是否重复，视图标识都不会冲突，从根源上避免这类交互问题。

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