🔍 SwiftUI (1) search bar in the navigation bar.
Complementary repository for article SwiftUI Search Bar in the Navigation Bar. For more details on motivations and implementation please refer to the full article, or lookup the basic usage example below otherwise.
struct ContentView: View
{
var planets =
["Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune"] +
["Ceres", "Pluto", "Haumea", "Makemake", "Eris"]
@ObservedObject var searchBar: SearchBar = SearchBar()
var body: some View {
NavigationView {
List {
ForEach(
planets.filter {
searchBar.text.isEmpty ||
$0.localizedStandardContains(searchBar.text)
},
id: \.self
) { eachPlanet in
Text(eachPlanet)
}
}
.navigationBarTitle("Planets")
.add(self.searchBar)
}
}
}Licensed under the MIT License.