Search in a bottom toolbar

Question

tomas.bek OP

Created 2d

Replies 1

Boosts 0

Participants 2

Dear all,

The Search fields documentation appears to make a distinction between putting a search in a tab bar and in a bottom toolbar in an iOS device.

Putting a search in a tab bar in iOS26 appears to be quick and easy:

Tab(role: .search) {
   // Search
}

I cannot find, however, a way on how to put a search bar in a bottom toolbar (as illustrated here). The following code puts it in the top toolbar: .searchable(text: $searchQuery, placement: .toolbar) Same as this one: .searchable(text: $searchQuery, placement: .toolbarPrincipal)

Do I miss something in this regard?

Thanks!

Answered by Weuler in 843972022

I also had a hard time figuring this out, but finally found it. In addition to having the .searchhable view modifier, you also need to put a search toolbar item in your toolbar, like this:

DefaultToolbarItem(kind: .search, placement: .bottomBar)

Boost

Answer 1

Weuler OP

2d

Accepted Answer

I also had a hard time figuring this out, but finally found it. In addition to having the .searchhable view modifier, you also need to put a search toolbar item in your toolbar, like this:

DefaultToolbarItem(kind: .search, placement: .bottomBar)

1