Making the search bar using .searchable permanently visible

Question

Created Jul ’21

Replies 3

Boosts 0

Views 4.7k

Participants 4

I recently tried out the new .searchable modifier with SwiftUI to add searchable bars to my Core Data application and found an elegant solution (I think!), described it in my blog (too long to post here): https://backtosoftwaredevelopment.blogspot.com/2021/07/using-searchable-views-with-core-data.html

I was wondering how to make sure the search bar is always visible, instead of being visible when we drag the NavigationView down. The placement: parameter seems to be it, but I wasn't sure how to make it permanently visible.

Answered by LaithB in 708504022

set: .navigationBarDrawer(displayMode: .always).

.searchable(text: $searchStr, placement: .navigationBarDrawer(displayMode: .always))

Boost

Answer 1

colaco OP

Jul ’21

Hi,

For now try what is suggested in https://stackoverflow.com/a/68154005/1356575 . It's an hack but it works.

Best regards.

0

Answer 2

LaithB OP

Mar ’22

Accepted Answer

set: .navigationBarDrawer(displayMode: .always).

.searchable(text: $searchStr, placement: .navigationBarDrawer(displayMode: .always))

6

Answer 3

tylerlw82 OP

Jun ’22

Hi There,

One idea I've just discovered is using a textfield in place of the searchable modifier.

I used a published property wrapper in a class to handle the back and forth of the text entry.

Let me know if you need further clarification.

Cheers.

0