Why is my UISearchController not rendering correctly?

Question

I am trying to create a UINavigationController with a UISearchController similar to the one in this screenshot.

However, it ends up being rendered like the following screenshot:

I am not sure why the gap is being rendered.

I have the following code to set up the UISearchController:

func configureSearchController() {
    let searchController = UISearchController()
    searchController.searchResultsUpdater = self
    searchController.searchBar.delegate = self
    searchController.searchBar.placeholder = "Search for a username"
    searchController.obscuresBackgroundDuringPresentation = false
    navigationItem.searchController = searchController
}

This could be related https://stackoverflow.com/questions/35093042/uisearchcontroller-search-bar-position-drops-64-points — CJ_COIMBRA, Mar 29 '20 at 02:46

score 0 · Answer 1 · answered Mar 29 '20 at 17:40

The issue you're having is that you have nested NavigationViewControllers. You're probably wrapping the tab bar in a navigation controller, and then each tab as well. Remove the outer one and you should be fine.

In summary it should go:

root view = UITabBarController()
Each tab of UITabBarController() is wrapped in a UINavigationController()
Inside each UINavigationController() is the actual view you want to show (InstaKidsVC in your case)

Why is my UISearchController not rendering correctly?

1 Answers1