演示如何在 SwiftUI 中使用 searchable 在 iOS 和 macOS 上添加搜索栏

搜索示例应用程序

演示如何在 SwiftUI 中使用 searchable 在 iOS 和 macOS 上添加搜索栏。不同的实现展示了如何使用搜索建议、标记和搜索范围

如何添加搜索栏 – 可在 SwiftUI 中搜索

该演示具有带有可搜索视图修饰符的搜索栏的各种实现。其中包括搜索建议。详细描述可以在这篇博文中找到: SwiftUI 搜索栏:最佳实践和示例

👀 您可以在这个 Youtube 教程中观看我如何实现这些搜索功能:https://youtu.be/e0eO1di0cPY

在 macOS 和 iOS 上搜索带有建议的文本字段

您可以将搜索建议与搜索文本字段一起显示。在 macOS 上,它们显示在文本字段下方的菜单中,在 iOS 上,它们显示为主要内容。

您还可以根据用户输入显示搜索建议。例如,我准备了一个默认建议数组,并且只显示与搜索词匹配的建议数组:

搜索令牌和搜索范围

可以使用 iOS 16+ 和 macOS 13 中提供的搜索令牌和搜索范围来完成更高级的过滤。可以在这些博客文章中找到详细说明:

GitHub

查看 Github