SwiftUI 中的搜索栏

在 SwiftUI 中创建搜索栏。

在现代移动应用程序中，搜索功能在帮助用户快速找到相关内容方面发挥着至关重要的作用。SwiftUI 是 Apple 的声明式 UI 框架，提供了一种简单而优雅的方式将搜索栏合并到您的应用程序中。在本文中，我们将探讨使用 SwiftUI 实现这一目标并为用户创建无缝搜索体验是多么简单。

介绍

在本文中，我们将探讨如何使用 SwiftUI 实现可搜索的关注者列表。我们将利用 SwiftUI 的内置searchable修饰符在我们的应用程序中创建动态搜索功能。让我们深入研究代码，看看它们是如何组合在一起的。

先决条件

在继续之前，请确保您对 SwiftUI 及其核心概念有基本的了解。熟悉使用 JSON 解码Codable和异步获取数据async/await也将很有帮助。

struct Follower: Codable {
    var id: Int
    var avatarUrl: String
    var login: String
}

struct ContentView: View {
    @State private var followers: [Follower] = []
    @State private var searchTerm = ""
    
    var filteredFollowers: [Follower] {
        guard !searchTerm.isEmpty else {return followers}
        return followers.filter{$0.login.localizedCaseInsensitiveContains