UISearchController's search bar overlaps first tableview cell

Question

I am using UISearchController and the UISearchBar also has a scope bar. The search bar is added as a subview to a UIView which is above the UItableView. I have done it this way since I want the search bar to be always visible even when the tableview is scrolled.

The problem is the scopebar overlaps the first tableview cell

StoryBoard

enter image description here

Scope bar overlapping the tableview cell

enter image description here

How can I prevent this overlapping?, I can't display the searchbar in navigationbar since the scopebar when placed in navigation bar does not get displayed.

you could try setting `tableView.contentInset = UIEdgeInsetsMake(64, 0, 0, 0)` which will push tableView's content 64 points down… you should set that to what ever the size of the scopebar is... — chuthan20, Mar 25 '15 at 19:50
@chuthan20 Where exactly shall I try setting this, is there a method that is triggered when UISearchController becomes active? — Praveen Gowda I V, Mar 25 '15 at 19:53
You could set your view controller to be the delegate of UISearchController, `https://developer.apple.com/library/ios/documentation/UIKit/Reference/UISearchControllerDelegate_Ref/index.html` — chuthan20, Mar 25 '15 at 20:13

score 6 · Answer 1 · answered Oct 07 '15 at 15:50

This worked for me:

Having the Search Display Controller and SearchBar in the tableview header. Add the heightForHeaderInSection in your TableViewController.

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    return 44; //I used the 44, the height of SearchBar
}

In your case you'll need to also add the scope bar height. Now it will always keep a base height.

score 3 · Answer 2 · edited Aug 22 '17 at 14:50

3

This worked for me :

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    if (self.searchController.active) {
        return 44; // with scope
    } else {
        return 0; // no scope
    }
}

edited Aug 22 '17 at 14:50

Dávid Pásztor

51,403
9
85
116

answered Aug 22 '17 at 14:00

Web Dream

69
11

Works for me! For table with sections, when search controller is not active I changed to "return 20; // no scope". Because when is 0, this hides the sections headers. – Panayot Nov 01 '17 at 19:39

score 0 · Answer 3 · answered Jun 17 '15 at 06:37

0

Add the search bar and table view on the UIViewController as shown in the image below. Don't overlap the search bar with the table view. I am using this in my app and its working fine for me.

enter image description here

answered Jun 17 '15 at 06:37

Karlos

1,653
18
36

I was able to get it to work by using `UIEdgeInsetsMake` as suggested in the comments. I have setup exactly like you have done in your image, but that doesn't work – Praveen Gowda I V Jun 17 '15 at 07:01

UISearchController's search bar overlaps first tableview cell

3 Answers3

Linked