Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

UISearchBar overlaps with UITableView content when active

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

like image 574
Boon Avatar asked May 02 '16 22:05

Boon


4 Answers

Problem is because of you have automaticallyAdjustsScrollViewInsets = true

please uncheck that enter image description here

will help :)

like image 65
Prashant Tukadiya Avatar answered Dec 09 '22 22:12

Prashant Tukadiya


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.

like image 20
itechnician Avatar answered Dec 09 '22 21:12

itechnician


Try to put your SearchBar in the header of TableView.

like image 29
Surjeet Rajput Avatar answered Dec 09 '22 20:12

Surjeet Rajput


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
}
like image 32
Bank Avatar answered Dec 09 '22 20:12

Bank