White line under UINavigationBar in IOS 7

Question

I have a UITableViewController with a UISearchDisplayController and UISearchBar. I'm seeing a white line under the navbar when I present the view in a UITabBarController. When I present the view modally in a UINavigationController, the line is either gray or black (I can't tell) and it looks perfectly normal. Any ideas?

enter image description here

score 6 · Answer 1 · answered Jan 25 '14 at 19:16

I had the same problem, couldn't figure out from where it did came from (it was present everywhere and it was NOT the shadowImage), ended up with the following fix (in my UINavigationController subclass)

// Fixes strange line under NavigationBar
{
    UIView * view = [[UIView alloc] init];
    view.backgroundColor = self.navigationBar.barTintColor;
    CGRect rect = view.frame;
    rect.origin.x = 0.f;
    rect.origin.y = self.navigationBar.frame.size.height;
    rect.size.width = self.navigationBar.frame.size.width;
    rect.size.height = 1.f;
    view.frame = rect;
    [self.navigationBar addSubview:view];
}

score 4 · Answer 2 · answered Feb 18 '14 at 07:17

4

I had the same problem too, after trying with a lot of methods,I find this way solved my problem

[[UISearchBar appearance] setBackgroundColor:[UIColor yourColor]];

write it in your viewDidLoad.

answered Feb 18 '14 at 07:17

Silence.Kidd

259
2
3

Works for me in iOS 9, Thanks! – Rodrigo Moreno Nov 27 '15 at 07:27

score 2 · Answer 3 · answered Nov 08 '13 at 07:54

2

The white line is probably the shadowImage of navigation bar.

Try setting it as:

self.navigationController.navigationBar.shadowImage = [UIImage new];

answered Nov 08 '13 at 07:54

Ratan

301
2
13

score 1 · Answer 4 · answered Nov 08 '13 at 07:49

1

Try setting the clipsToBounds property on the UISearchBar to YES.

answered Nov 08 '13 at 07:49

Bourne

10,094
5
24
51

Unfortunately this didn't fix it. – Nov 12 '13 at 03:41

score 1 · Answer 5 · edited May 23 '17 at 10:30

Use following line of the code :

UIView *overlayView = [[UIView alloc] initWithFrame:CGRectMake(0, 43, 320, 1)];
[overlayView setBackgroundColor:[UIColor whiteColor]];   // set color accordingly
[navBar addSubview:overlayView]; // navBar is your UINavigationBar instance
[overlayView release];

here is my posted Answer : Horizontal Separator NavBar IOS 7

How to remove UINavigatonItem's border line

score 0 · Answer 6 · answered Nov 16 '17 at 10:53

Swift version of Divya's answers

    let hideLineView = UIView(frame: CGRect(x: 0, y: navigationController!.navigationBar.frame.size.height, width: view.frame.size.width, height: 1))
    hideLineView.backgroundColor = UIColor.white
    navigationController!.navigationBar.addSubview(hideLineView)

White line under UINavigationBar in IOS 7

6 Answers6

Linked