使用 SwiftUI 构建可搜索列表,为您的 iOS 应用程序创建具有自动完成功能的可搜索列表(教程含源码)

设计新应用程序时面临的一大挑战是确保您的用户可以轻松浏览内容。如果体验太难或花费太多时间，无论您的内容有多好，很多用户都会转向另一个应用程序选项或放弃。

期望用户滚动浏览一长串选项是不切实际的，添加搜索功能可以极大地改善用户体验。更进一步，在用户键入时让列表自动过滤，以帮助他们快速找到他们正在搜索的内容，这就更好了。

以下是为您的 iOS 项目构建它的分步指南。我们将逐步介绍如何构建一个可搜索的项目列表，该列表会在用户使用 SwiftUI 键入时进行过滤……我还提供了一些示例代码，以帮助您在文章末尾开始。

第 1 步：创建项目数组

首先，创建用户要搜索的项目列表。

此列表可以是任何数据类型，包括自定义数据类型。在我们的基本示例中，我们将构建一个可搜索的杂货清单，因此将使用一个字符串列表。

var foods = ["Cheese","Milk","Cauliflower","Cabbage","Carrots","Wine","Bacon",
     "Olives","Yoghurt","Apples","Bananas","Oranges","Pasta","Rice","Soy Sauce",
     "Chicken","Chives","Potato","Sparkling Water","Coffee"
1
2