iOS 13 UISearchBar appearance and behaviour

Question

I have my UISearchBar set up as follows:

searchController.searchResultsUpdater = self
searchController.obscuresBackgroundDuringPresentation = false // Allow user to tap on results
searchController.searchBar.placeholder = "Search patients" // Placeholder
searchController.searchBar.barStyle = .blackOpaque
searchController.searchBar.tintColor = colors.text // Cancel button tint

navigationItem.searchController = searchController // Set the searchController
navigationItem.hidesSearchBarWhenScrolling = true // Auto-hide search when user scrolls

This is how it looks on iOS 12: vs iOS 13: What's changed in iOS 13? I've tried going through the different barStyles, and also setting .isTranslucent to false - no effect for either. Light/dark mode also don't change anything.

The other change is hiding the search bar - on iOS 12 if I scrolled upwards a little the search bar would hide (didn't matter if the table was populated or not). With iOS 13, once the search bar has appeared (ie the user has swiped down), it cannot be hidden again. Anyone know of a fix for this too?

I’ve pretty much given up on large titles and search for iOS 13. It’s a huge cluster. :( — Wayne Hartman, Sep 13 '19 at 19:42
I had so much trouble getting the same look for iOS 13 on my semi-translucent search bar. I ended up with 60 lines of code, replacing the original background view with my own. — heyfrank, Sep 14 '19 at 16:18

score 22 · Answer 1 · answered Nov 06 '19 at 07:01

22

I get something similar problem with you. I don't know why this happen in currently iOS 13 and work properly in older version. But i have found the solution by adding this function to your searchBar.

if #available(iOS 13.0, *) {
   searchBar.searchTextField.backgroundColor = UIColor.white
}

Preview after fixing:

answered Nov 06 '19 at 07:01

Avendi Sianipar

261
1
9

`searchBar.backgroundColor` is for iOS lower than 13 then? – lolelo Aug 01 '21 at 11:33

score 10 · Answer 2 · answered Oct 11 '19 at 09:51

10

How about to use searchBarStyle as default and change the searchTextField background color?

if #available(iOS 13.0, *) {
    searchBar.searchBarStyle = .default
    searchBar.searchTextField.backgroundColor = UIColor.black.withAlphaComponent(0.1)
}

answered Oct 11 '19 at 09:51

Tai Le

8,530
5
41
34

RyuX51 · Answer 3 · 2019-11-20T12:42:04.863

6

For setting in globally like in AppDelegate:

if #available(iOS 13, *) {
    UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).backgroundColor = .anyColor
}

edited Nov 20 '19 at 12:42

answered Nov 20 '19 at 12:36

RyuX51

2,779
3
26
33

Any reason that `UISearchBar.appearance().searchTextField.backgroundColor = .anyColor` wouldn't work here? – Sterling C. Apr 18 '20 at 14:58
This is what I used to fix my SearchBar input field background: `UITextField.appearance().backgroundColor = .white`. Solved my issue for iOS 15 and 16! – dbDev Jan 05 '23 at 16:06

score 4 · Answer 4 · answered Sep 14 '19 at 16:14

searchController.searchBar.searchTextField.backgroundColor = UIColor.black does the job as a workaround. The selector is new in iOS 13.

I've filed a report on feedback assistant anyway as I do believe this to be unexpected behaviour.

score -1 · Answer 5 · answered Sep 10 '20 at 21:03

-1

iOS 13+.

searchController.searchBar.searchTextField.backgroundColor = UIColor.white

answered Sep 10 '20 at 21:03

fs_tigre

10,650
13
73
146

iOS 13 UISearchBar appearance and behaviour

5 Answers5