/iOS.Blog.SwiftUI_Search_Bar_in_Navigation_Bar

šŸ”SwiftUI search bar in the navigation bar.

Primary LanguageSwift

SwiftUI Search Bar in Navigation Bar

šŸ”SwiftUI search bar in the navigation bar.

See SearchBar/SearchBar.swift for details, ContentView.swift for usage.

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)
        }
    }
}

License

Licensed under the MIT License.