How to customize search bar iOS

Question

I am using storyboards to make a search bar using UISearchBar. I am trying to make it look like this:

However this is what I end up getting:

I've added code to change the bar's dimensions and set a minimum font size for the text (for auto layout) and add corner radius. The only code that works is the corner radius unfortunately.

searchBarOutlet.layer.cornerRadius = 10 searchBarOutlet.layer.borderWidth = 304 searchBarOutlet.clipsToBounds = true

1. That code is far from enough. Show how you create and size the search bar. 2. Why would you set the `borderWidth` to 304? That's normally only 1 or 2. — rmaddy, Jul 23 '19 at 18:14
@rmaddy I created the search bar via storyboard not via code — Bob Filay, Jul 23 '19 at 18:32

score 0 · Answer 1 · answered Jul 23 '19 at 17:49

You can set the search bar style to "Minimal" in the properties inspector, I think that's more close to what are you looking for, regarding the the font size and autolayout issues I think there is no way to access those properties in the UISearchBar, but there are workarounds like the one specified here Change the font size of UISearchBar

The other workaround you can try it's making your own "loook a like" search bar, which shouldn't be that hard, maybe the hardest part will be to add small icon to the left of the placeholder

Thank you. However, when I set to minimal it's transparent, I need it to be white. — Bob Filay, Jul 23 '19 at 18:05

How to customize search bar iOS

1 Answers1