SwiftUI .searchable new view

Question

I am creating an app and I am using .searchable for my home view, but once it is clicked, I want it to bring up a new view where results of what is being searched is shown, and once the cancel button is clicked goes back to the home view.

I currently have .searchable(text: $searchText) and it is showing the search bar, and I have tried .overlay{SearchView()} but it is just putting it over the home view. Is there a way to do this.

Please provide enough code so others can better understand or reproduce the problem. — Community, Feb 18 '23 at 12:05

score 0 · Answer 1 · answered Feb 18 '23 at 11:26

You need to use the @Environment variable isSearching to determine which view to display, e.g.

struct ContentView: View {

    @State private var searchText = ""

    var body: some View {
        NavigationView {
            SearchingView(searchText: $searchText)
                .searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .always), prompt: "Search")
                .navigationTitle("Title")
        }
    }
}


struct SearchingView: View {
    @Environment(\.isSearching) private var isSearching
    @Binding var searchText: String
    
    var body: some View {
        if isSearching {
            List("This is displayed when searching".components(separatedBy: " "), id: \.self) { word in
                Text(word )
            }
            .listStyle(.plain)
        } else {
            Text("Here is the normal view")
        }
    }
}

SwiftUI .searchable new view

1 Answers1