Keep navigation bar title during search with Searchable

Question

Is it possible to not hide the Title in Navigation Bar in search mode using Searchable? Using the code below Title in Navigation Bar is hidden when Search Field is focused.

 NavigationView {
        }
        .searchable(text: $viewModel.searchText,
                    placement: .navigationBarDrawer(displayMode: .always),
                    prompt: Strings.selectCity)
    }

I would like to achieve something like this:

Metzler

Apple did this in the Shortcuts app. I'd really like to know how they did that. – Roo

Answer 1

From iOS 17.1 this is possible with searchPresentationToolbarBehavior(_:) API:

@State private var searchText = ""

List {
    // ... content
}
.searchable(text: $searchText)
.searchPresentationToolbarBehavior(.avoidHidingContent)

Clarkclarke

Answer 2

I was looking for same answer but did not found a solution. So I have added TextFiled instead of .searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .always) ) to:

HStack {
    Image(systemName: "magnifyingglass").foregroundColor(.gray)
    TextField("Search", text: $searchText)
        .font(Font.system(size: 20))
    }

Execrate