How do I implement searchable and sectioned lists in SwiftUI?

In SwiftUI, implementing searchable and sectioned lists can enhance the user experience by allowing users to easily filter and find content within a segmented structure. Below is a simple example demonstrating how to create a searchable and sectioned list in SwiftUI.


        import SwiftUI

        struct ContentView: View {
            @State private var searchText: String = ""
            let items: [String] = ["Apple", "Orange", "Banana", "Grape", "Peach"]
            
            var body: some View {
                NavigationView {
                    List {
                        Section(header: Text("Fruits")) {
                            ForEach(filteredItems, id: \.self) { item in
                                Text(item)
                            }
                        }
                    }
                    .searchable(text: $searchText)
                    .navigationTitle("Searchable List")
                }
            }
            
            var filteredItems: [String] {
                if searchText.isEmpty {
                    return items
                } else {
                    return items.filter { $0.localizedCaseInsensitiveContains(searchText) }
                }
            }
        }

        struct ContentView_Previews: PreviewProvider {
            static var previews: some View {
                ContentView()
            }
        }

How do I implement searchable and sectioned lists in SwiftUI?

Popular Topics

Recent Languages

How do I implement searchable and sectioned lists in SwiftUI?

Related Questions

Popular Topics

Recent Languages