SwiftUI中TabBar嵌入.searchable视图后列表点击失效问题

核心问题两点： #

1. NavigationView嵌套冲突：你的ClientListView内部自带NavigationView，而MainTabView也包裹了一层NavigationView，双重嵌套会导致SwiftUI的交互事件传递、导航栈逻辑混乱，直接影响searchable和NavigationLink的响应。
2. 多余的onTapGesture拦截交互：给TabView的每个子页面添加了.onTapGesture，这个手势会覆盖子视图的点击事件（包括列表的NavigationLink、搜索栏的取消/清除按钮），导致它们无法响应。

修改步骤： #

1. 移除ClientListView内部的NavigationView

顶层的MainTabView已经提供了NavigationView，子视图不需要再嵌套，修改后的代码：

import SwiftUI

struct ClientListView: View {
    @ObservedObject var viewModel = ClientFeedViewModel()
    @State var searchText: String = ""
    @State private var showingSheet = false
    @State private var showList = false
    
    var clients: [Client] {
        if searchText.count > 2 {
            return searchText.isEmpty ? viewModel.clients : viewModel.search(withText: searchText)
        }
        return viewModel.clients
    }
    
    var body: some View {
        List(clients) { client in
            NavigationLink(destination: {
                // 填入你的目标视图
            }, label: {
                VStack {
                    Text(client.clientName)
                }
            })
            .listRowSeparator(.hidden)
        }
        .searchable(text: $searchText)
        .listStyle(.plain)
    }
}

struct ClientListView_Previews: PreviewProvider {
    static var previews: some View {
        NavigationView {
            ClientListView()
        }
    }
}

（预览时添加NavigationView是为了保证预览正常，实际运行依赖顶层的NavigationView）

2. 删除TabView子页面的所有.onTapGesture

TabView通过selection: $selectedIndex已经能自动处理标签切换，不需要额外的点击手势，修改后的关键代码：

TabView(selection: $selectedIndex) {
    ClientListView()
        .tabItem {
            Label("Clients", systemImage: "list.bullet")
        }.tag(0)
    ProjectListView()
        .tabItem {
            Label("Projects", systemImage: "list.dash")
        }.tag(1)
    TaskListView()
        .tabItem {
            Label("Tasks", systemImage: "list.dash")
        }.tag(2)
    ClientListView()
        .tabItem {
            Label("Settings", systemImage: "gear")
        }.tag(3)
}

验证效果 #

修改完成后，列表的NavigationLink点击会正常响应，搜索栏的取消/清除按钮也能正常工作，同时TabBar的切换逻辑不受影响。

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