UISearchController in navigationBar

Question

I'm trying to use the new UISearchController in my tableViewController.

However I'm a bit confused on how it can move up in the navigationController when I press the searchBar like it did with the old searchDisplayController?

At the moment it just stay in the tableHeader.

Here is my code:

    self.teamSearchController = ({
        let controller = UISearchController(searchResultsController: nil)

        controller.searchBar.searchBarStyle = UISearchBarStyle.Minimal
        controller.dimsBackgroundDuringPresentation = false
        controller.searchBar.sizeToFit()
       controller.searchBar.showsScopeBar = true
        self.tableView.tableHeaderView = controller.searchBar

        return controller
    })()

Controller:

enter image description here

When I click on searchbar:

enter image description here

removing controller.hidesNavigationBarDuringPresentation = false should also give you the behavior you are expecting — Praveen Gowda I V
– Praveen Gowda I V, Commented Apr 28, 2015 at 15:15
set your searchController's hidesNavigationBarDuringPresentation to true and try toggle your ViewController's definesPresentationContext see the result. never hidesNavigationBarDuringPresentation to false and never put the search bar on navigationItem's titleView if you want the behavior you mentioning. — Solomon
– Solomon, Commented Apr 28, 2015 at 18:41

Praveen Gowda I V · Accepted Answer · 2015-04-28 15:13:57Z

22

You can place the UISearchBar of UISearchController in the navigation bar instead of table header

self.searchController.hidesNavigationBarDuringPresentation = NO;
self.searchController.searchBar.searchBarStyle = UISearchBarStyleMinimal;

// Include the search bar within the navigation bar.
self.navigationItem.titleView = self.searchController.searchBar;

self.definesPresentationContext = YES;

answered Apr 28, 2015 at 15:13

Praveen Gowda I V

9,6274 gold badges44 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Peter Pik Over a year ago

I've added 2 image which descripe the behaviour

Praveen Gowda I V Over a year ago

Did you try the solution in this answer?

Peter Pik Over a year ago

No but this will add to the top from the beginning and not have the same behaviour as in searchDisplayController

Peter Pik Over a year ago

But i guess its okay if it is in tableHeaderVIew, but then it should be without the cancel button, but if i remove that it gives me the behaviour on the images

fatihyildizhan · Accepted Answer · 2016-01-04 14:25:04Z

3

Swift version:

self.searchController.hidesNavigationBarDuringPresentation = false
self.searchController.searchBar.searchBarStyle = UISearchBarStyle.Minimal

// Include the search bar within the navigation bar.
self.navigationItem.titleView = self.searchController.searchBar
self.definesPresentationContext = true

answered Jan 4, 2016 at 14:25

fatihyildizhan

8,8207 gold badges68 silver badges92 bronze badges

Comments

kylesyoon · Accepted Answer · 2016-04-25 19:23:33Z

0

It has to do with the navigation bar.

func willPresentSearchController(searchController: UISearchController) {
    self.navigationController?.navigationBar.translucent = true
}

func willDismissSearchController(searchController: UISearchController) {
    self.navigationController?.navigationBar.translucent = false
}

If you do this, then you will be able to add it to the table view header AND get the baked-in search controller animation!

edited Apr 25, 2016 at 19:23

answered Apr 20, 2016 at 21:16

kylesyoon

1311 silver badge8 bronze badges

Collectives™ on Stack Overflow

UISearchController in navigationBar

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related