UISearchBar overlaps with UITableView content when active

8
votes

I have a view controller with a table view and a UISearchController. When running the app, I found that the search bar overlaps the content when it is active. What do I need to adjust to make the content not be overlapped when search bar is active?

Normal view:

enter image description here

Search bar is active:

enter image description here

View controller settings:

enter image description here

5
iosswiftuitableviewuinavigationbaruisearchcontroller
Did you do edgesForExtendedLayout = .None and automaticallyAdjustsScrollViewInsets = false? – ozgur
@ozgur No I didn't. I have included a screenshot of the settings. – Boon
Your search bar is below the nav bar in one picture and in it in another, explain how it's presented and what it's a subview of – Wain
why can't you use autolayout ? – rakeshNS
@rakeshNS I am using autolayout – Boon

5 Answers

5
votes

Problem is because of you have automaticallyAdjustsScrollViewInsets = true

please uncheck that enter image description here

will help :)

1
votes

You can use the 'UISearchController' in this manner:

_searchController = [[UISearchController alloc] initWithSearchResultsController:self.resultsTableController];
self.searchController.searchResultsUpdater = self;
[self.searchController.searchBar sizeToFit];
self.tableView.tableHeaderView = self.searchController.searchBar;

// we want to be the delegate for our filtered table so didSelectRowAtIndexPath is called for both tables
self.resultsTableController.tableView.delegate = self;
self.searchController.delegate = self;
self.searchController.dimsBackgroundDuringPresentation = NO; // default is YES
self.searchController.searchBar.delegate = self; // so we can monitor text changes + others

// Search is now just presenting a view controller. As such, normal view controller
// presentation semantics apply. Namely that presentation will walk up the view controller
// hierarchy until it finds the root view controller or one that defines a presentation context.
//
self.definesPresentationContext = YES;  // know where you want UISearchController to be displayed

You can use this working Apple Reference Sample code for more detail.

1
votes

Try to put your SearchBar in the header of TableView.

1
votes

Write this in your viewDid().

source: apple

if #available(iOS 11.0, *) {
    // For iOS 11 and later, place the search bar in the navigation bar.
    navigationItem.searchController = searchController

    // Make the search bar always visible.
    navigationItem.hidesSearchBarWhenScrolling = false
} else {
    // For iOS 10 and earlier, place the search controller's search bar in the table view's header.
    tableView.tableHeaderView = searchController.searchBar
}
0
votes

This is related to unhiding search bar while scrolling on iOS 11.

if #available(iOS 11.0, *) {
  navigationItem.searchController = searchController
  navigationItem.hidesSearchBarWhenScrolling = false
} else {
  // Fallback on earlier versions
  tableView?.tableHeaderView = searchController.searchBar
}