UISearchController appears behind NavigationBar

Question

I'm trying to show the UISearchController by tapping on the UIBarButtonItem. But the SearchBar appears behind the NavigationBar. If I set definesPresentationContext = false, then the SearchBar appears above the NavigationBar, but the transitions don't work.

    @IBAction func searchButtonPressed(_ sender: Any) {
        searchResultsController = self.storyboard?.instantiateViewController(withIdentifier: "SearchResultsController") as? SearchResultsController
        searchResultsController.tableView.delegate = self
        let searchController = UISearchController(searchResultsController: searchResultsController)
        searchController.searchResultsUpdater = searchResultsController
        searchController.hidesNavigationBarDuringPresentation = false
        searchController.searchBar.autocapitalizationType = .words
        definesPresentationContext = true
        present(searchController, animated: true)
    }

Before BarButtonItem tapped

After BarButtonItem tapped

View UI Hierarchy

Interface Builder

searchController.hidesNavigationBarDuringPresentation = false solve this problem, but I need the navigation bar to not be hidden

UPDATE:

Inserting the SearchBar inside the Navigation Bar is not suitable for my app https://i.sstatic.net/PGegh.jpg

Answer 1

If you are using UITableViewController then you can do the following:

let searchController = UISearchController(searchResultsController: nil)
searchController.obscuresBackgroundDuringPresentation = false
searchController.definesPresentationContext = true

Then, you need to assign this searchController to navigationItem:

self.navigationItem.searchController = searchController

Now searchbar is going to appear when you pull the tableview and will look this way:

If you want to keep the search bar permanently, then do this:

self.navigationItem.hidesSearchBarWhenScrolling = false