SwiftUI macOS中如何实现搜索建议的键盘上下导航及鼠标选中功能？

针对你遇到的两个问题，以下是具体解决方法：

问题根源 #

原代码中使用的.listStyle(.sidebar)是为侧边栏导航设计的样式，会干扰搜索建议弹出层的默认交互逻辑，直接导致键盘导航失效、鼠标点击无响应。

解决方案1：移除List与sidebar样式（推荐） #

直接用ForEach生成搜索建议项，避免List样式的干扰，同时保留searchCompletion的自动填充功能，添加onTapGesture确保鼠标点击生效：

// 先定义搜索建议数组
let searchSuggestions = ["Hello", "Hello 2"]

// 在View的searchable修饰符中
.searchable(text: $searchText, placement: .toolbar) {
    ForEach(searchSuggestions, id: \.self) { suggestion in
        Text("Search suggestion \(suggestion.replacingOccurrences(of: "Hello ", with: ""))")
            .searchCompletion(suggestion)
            .onTapGesture {
                searchText = suggestion
                // 若需触发搜索动作，可在此添加自定义逻辑
            }
    }
}

解决方案2：保留List但更换样式 #

如果需要保留List结构，将.listStyle(.sidebar)替换为.plain或.inset等适合临时列表的样式，同时添加点击事件处理：

.searchable(text: $searchText, placement: .toolbar) {
    List(searchSuggestions, id: \.self) { suggestion in
        Text("Search suggestion \(suggestion.replacingOccurrences(of: "Hello ", with: ""))")
            .searchCompletion(suggestion)
            .onTapGesture {
                searchText = suggestion
            }
    }
    .listStyle(.plain) // 或.inset，禁用sidebar样式
}

效果说明 #

• 键盘上下键可正常在搜索建议间导航，选中时自动填充搜索框
• 鼠标点击建议项会直接更新搜索文本，同时触发searchCompletion的默认行为

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