SwiftUI -无法在列表中搜索和切换

SwiftUI 是苹果推出的一个现代 UI 框架，它允许开发者使用声明式语法来构建用户界面。在 SwiftUI 中，列表（List）是一个常用的组件，用于展示一组数据。如果你在使用 SwiftUI 的列表时遇到了无法搜索和切换的问题，可能是由于以下几个原因造成的：

基础概念

SwiftUI List: 用于展示一组数据的滚动视图。
搜索功能: 通常通过 SearchBar 或者在 List 中使用过滤器来实现。
切换功能: 可能指的是在不同的视图或数据集之间切换。

可能的原因及解决方案

1. 搜索功能无法实现

如果你想要在列表中添加搜索功能，你需要实现一个过滤器来动态地显示匹配搜索条件的数据。

解决方案:

struct ContentView: View {
    @State private var searchText = ""
    let items = ["Apple", "Banana", "Cherry", "Date"]

    var filteredItems: [String] {
        if searchText.isEmpty {
            return items
        } else {
            return items.filter { $0.contains(searchText) }
        }
    }

    var body: some View {
        NavigationView {
            VStack {
                SearchBar(text: $searchText)
                List(filteredItems, id: \.self) { item in
                    Text(item)
                }
            }
            .navigationTitle("Searchable List")
        }
    }
}

struct SearchBar: UIViewRepresentable {
    @Binding var text: String

    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }

    func makeUIView(context: Context) -> UISearchBar {
        let searchBar = UISearchBar()
        searchBar.delegate = context.coordinator
        return searchBar
    }

    func updateUIView(_ uiView: UISearchBar, context: Context) {
        uiView.text = text
    }

    class Coordinator: NSObject, UISearchBarDelegate {
        var parent: SearchBar

        init(_ searchBar: SearchBar) {
            self.parent = searchBar
        }

        func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
            parent.text = searchText
        }
    }
}

2. 切换功能无法实现

如果你想要在列表中实现视图或数据集的切换，你可以使用 TabView 或者 NavigationView 结合 @State 来管理当前显示的视图或数据集。

解决方案:

struct ContentView: View {
    @State private var selection = 0
    let dataSets = [["Item 1", "Item 2"], ["Item A", "Item B"]]

    var body: some View {
        TabView(selection: $selection) {
            ForEach(dataSets.indices, id: \.self) { index in
                List(dataSets[index], id: \.self) { item in
                    Text(item)
                }
                .tabItem {
                    Text("Tab \(index + 1)")
                }
                .tag(index)
            }
        }
    }
}