SwiftUI应用中如何点击searchSuggestion触发API搜索？

数据老陈

2026-6-21

SwiftUI搜索建议点击触发搜索的实现方案

直接绑定点击动作（推荐）

利用searchCompletion的带action参数重载，在用户点击建议时直接触发搜索：

修改searchSuggestions代码块：

.searchSuggestions {
    ForEach(viewData.suggestedSearches) { suggestion in
        Text(suggestion.term)
            .searchCompletion(suggestion.term) {
                Task {
                    await viewData.runSearch()
                }
            }
    }
}

这个写法会自动将搜索框文本替换为选中的建议内容，同时执行搜索逻辑，无需额外处理文本同步。

通过文本变化监听实现

如果需要更灵活的控制，可以通过监听搜索文本变化来触发搜索，同时区分用户输入和建议选择：

在SearchViewData中添加标记位：

class SearchViewData: ObservableObject {
    // ... 现有属性
    private(set) var isSelectingSuggestion = false

    func selectSuggestion(_ term: String) {
        isSelectingSuggestion = true
        searchText = term
    }

    func resetSelectionFlag() {
        isSelectingSuggestion = false
    }
}

更新建议视图的点击逻辑：

.searchSuggestions {
    ForEach(viewData.suggestedSearches) { suggestion in
        Text(suggestion.term)
            .searchCompletion(suggestion.term)
            .onTapGesture {
                viewData.selectSuggestion(suggestion.term)
            }
    }
}

调整文本变化的响应逻辑：

.onChange(of: viewData.searchText) { oldValue, newValue in
    if viewData.isSelectingSuggestion {
        Task {
            await viewData.runSearch()
            viewData.resetSelectionFlag()
        }
    } else if !newValue.isEmpty {
        fetchSearchSuggestions()
    }
}