Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to fix table view's search bar overlapping with status bar

I have a UITableViewController inside a navigation controller, with a search bar. This is how I add the search bar in viewDidLoad:

let resultsController = SearchTableViewController()
resultsController.people = people
searchController = UISearchController(searchResultsController: resultsController)
let searchBar = searchController.searchBar
searchBar.placeholder = "Search a person"
searchBar.sizeToFit()
tableView.tableHeaderView = searchBar
searchController.searchResultsUpdater = resultsController

This is the result:

enter image description here

I tried editing the table view in the storyboard to add a constraint to make it further from the top view's margins, but I can't add contraints, probably because the table view is inside a UITableViewController.

like image 742
Ramy Al Zuhouri Avatar asked Jun 13 '15 11:06

Ramy Al Zuhouri


2 Answers

I think you need this code.

In your viewDidLoad method add this code:

self.tableView.contentInset = UIEdgeInsetsMake(20, 0, 0, 0)

And your tableview will be something like this:

enter image description here

EDIT:

You can forcely scroll table with this code:

tableView.scrollToRowAtIndexPath( NSIndexPath(index: 0), atScrollPosition: UITableViewScrollPosition.Top, animated: false)
like image 168
Dharmesh Kheni Avatar answered Nov 16 '22 04:11

Dharmesh Kheni


I understand you are writing code in swift but this is how you would hide status bar in objectiveC

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    if ([self respondsToSelector:@selector(setNeedsStatusBarAppearanceUpdate)]) {
        // iOS 7
        [self prefersStatusBarHidden];
        [self performSelector:@selector(setNeedsStatusBarAppearanceUpdate)];
    } else {
        // iOS 6
        [[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationSlide];
    }
}

// Add this Method
- (BOOL)prefersStatusBarHidden
{
    return YES;
}

Here's an answer in swift How do I hide the status bar in a Swift iOS app?

like image 1
Sam B Avatar answered Nov 16 '22 03:11

Sam B