SwiftUI search

To implement search functionality in SwiftUI, you can use the searchable modifier. This modifier allows you to add a search bar to your views, making it easy for users to search through content. Here are some key points and examples from the WWDC sessions:

1. Basic Search Implementation:

   • You can add a searchable modifier to your view, passing a binding to a state property that will hold the search term. This allows you to filter the content based on the search term.
   • Example from the session "Migrate your TVML app to SwiftUI":

     @State private var searchTerm: String = ""
     
     var body: some View {
         List {
             ForEach(items.filter { $0.contains(searchTerm) || searchTerm.isEmpty }, id: \.self) { item in
                 Text(item)
             }
         }
         .searchable(text: $searchTerm)
     }
     

   • Migrate your TVML app to SwiftUI (11:02)

2. Search Suggestions:

   • You can enhance the search experience by providing search suggestions. Use the searchSuggestions modifier to display a list of suggestions based on the current search term.
   • Example from the session "Migrate your TVML app to SwiftUI":

     .searchable(text: $searchTerm) {
         ForEach(suggestions.filter { $0.contains(searchTerm) }, id: \.self) { suggestion in
             Text(suggestion).searchCompletion(suggestion)
         }
     }
     

   • Migrate your TVML app to SwiftUI (12:42)

3. Programmatic Focus:

   • SwiftUI now offers programmatic access to and control of text selection within text editing controls. You can programmatically drive the focus state of a search field.
   • Example from the session "What’s new in SwiftUI":

     @FocusState private var isSearchFieldFocused: Bool
     
     var body: some View {
         TextField("Search", text: $searchTerm)
             .focused($isSearchFieldFocused)
     }
     

   • What’s new in SwiftUI (15:06)

4. Search in Lists:

   • The searchable modifier can be applied to lists to make them searchable.
   • Example from the session "SwiftUI essentials":

     List(pets) { pet in
         Text(pet.name)
     }
     .searchable(text: $searchTerm)
     

   • SwiftUI essentials (15:06)

Relevant Sessions

1. Migrate your TVML app to SwiftUI
2. What’s new in SwiftUI
3. SwiftUI essentials

These examples and sessions should help you get started with implementing search functionality in your SwiftUI applications.