UIViewController with UITableView and UISearchBar gap issue

Question

I have a UIViewController with a UITableView and a UISearchBar inside. As soon as the searchbar becomes first responder, there's a small gap between the searchbar and the tableview.

Initial state Searchbar becomes first responder

There's no gap when the UISearchBar is a subview of the UIViewController view instead of being a subview of the UITableView.

Initial state Searchbar becomes first responder

Obviously, one issue with that approach is that the searchbar stick to the top and doesn't scroll along with other cells, which is not desired.

Any ideas?

Edit:

Two first images correspond to the UISearchBar being a child of the UITableView, where the gap is occurring.

Last two images correspond to the UISearchBar being a child of the UIViewController view, in which case there's no gap.

Could you please make it a little more clear as to which configuration is attached to each image example? — andrewbuilder, Oct 30 '14 at 00:18

score 6 · Accepted Answer · answered Oct 30 '14 at 14:05

6

The gap is occurring when setting UINavigationBar translucent property to NO. Setting it to YES resolve the issue. Animation is smooth again and there's no gap between UISearchBar and UITableView. I can't explain why, and it appears to be a bug on Apple side as it is easy to reproduce by creating a sample project.

answered Oct 30 '14 at 14:05

plgrenier

293
3
14

2

3 years and many Xcode/iOS versions later... this is still a problem, and this fix still works. – Albert Bori May 25 '17 at 22:24
Mine was `true`/`YES` and setting it to `false`/`NO` fixed it – Islam Oct 01 '17 at 02:13
Hii translucent property is solve my issue, but it change my navigation bar color so can you have any other solution ? Thank You – Yogesh Patel Sep 10 '19 at 13:38

score 1 · Answer 2 · answered Nov 23 '15 at 21:34

I had exactly the same issue, however none of the above solutions worked. As per @plgrenier answer, the translucency of the status bar caused the issue.

One way I handled this was to use the search delegates to switch the translucency:

#pragma mark - Table Search Delegates
- (void) searchBarTextDidBeginEditing:(UISearchBar *)searchBar{   
      [self.navigationController.navigationBar setTranslucent:YES];
}
-(void) searchBarTextDidEndEditing:(UISearchBar *)searchBar{
  [self.navigationController.navigationBar setTranslucent:NO];
 }

score 0 · Answer 3 · answered Oct 30 '14 at 00:32

0

It's a little bit difficult without seeing the code, but perhaps try setting the uisearchbar as the uitableview's header view instead of adding it as a subview.

answered Oct 30 '14 at 00:32

Josh Gafni

2,831
2
19
32

score 0 · Answer 4 · edited May 23 '17 at 10:29

0

I suspect it may have something to do with the fact that in a UITableView and using a UITableViewController, you can pull the entire table view and search bar down to reveal a space behind, a background.

When you are inserting a UISearchBar and UITableView into a UIView, the "pull-down" UI is not inherited (as it is unique to UITableViewController) so the "hint" of a "pull-down" space is not there.

To check this and hopefully solve your problem, read my answer to this previous SO question by implementing the UITableView properties setBackgroundView and setBackgroundColor.

edited May 23 '17 at 10:29

Community

1
1

answered Oct 30 '14 at 00:55

andrewbuilder

3,629
2
24
46

1

Gap is still here, but black colored. Gap size seems to be equal to statusbar. – plgrenier Oct 30 '14 at 01:35

UIViewController with UITableView and UISearchBar gap issue

4 Answers4