UINavigationBar appearing as semi-translucent instead of opaque white

Question

This is in an app I'm converting from iOS 6. Initially the ViewController was showing up under iOS 7 with the content of the main view underneath the navigation bar.

In the UI builder view, I turned off "Under Top Bars" and "Under Bottom Bars" in the "Extend Edges" section, to solve that issue. This worked, however, now on this screen the navigation bar appears to be translucent (comes across as grey in the screenshot below).

I've tried explicitly setting "Top Bar" to "Opaque Navigation Bar" under "Simulated Metrics," but this has no effect.

I've tried setting:

self.navigationController.navigationBar.translucent = NO;

in my ViewController's init code, but this also has no effect.

What am I missing?

UPDATE: If I set self.navigationController.navigationBar.translucent = NO; in my first ViewController in the stack, it works. However, prior to the ViewController in question, I do want translucent navbar. It's only when I get to a view several layers deep that I want to have a non-translucent bar (this view has no scrollable data, so it doesn't make sense to have it translucent).

Here's a screenshot of what I'm seeing in the nav bar:

Attempt to make bar white opaque have failed thus far in iOS 7...

http://stackoverflow.com/questions/18929864/how-do-i-change-the-navigation-bar-color-in-ios-7/18929980#18929980 — Rajneesh071, Sep 25 '13 at 05:04

score 20 · Accepted Answer · answered Sep 25 '13 at 04:14

20

The issue was that I was calling

self.navigationController.navigationBar.translucent = NO;

after my view appeared. I moved that code into my viewWillAppear method, and now it appears correctly:

Correct

answered Sep 25 '13 at 04:14

Mason G. Zhwiti

6,444
11
61
97

score 5 · Answer 2 · answered Sep 25 '13 at 05:56

5

You can try below code...

self.navigationController.navigationBar.barTintColor = [UIColor redColor];
self.navigationController.navigationBar.translucent = NO;

And Add this code in View viewDidLayoutSubviews function...

answered Sep 25 '13 at 05:56

Hindu

2,894
23
41

score 5 · Answer 3 · answered Jun 21 '15 at 10:19

5

You can set it across the board with an app using this:

UINavigationBar.appearance().navigationBarAppearace.translucent = false

I tend to do it in my AppDelegate class when the app initially loads up.

answered Jun 21 '15 at 10:19

I believe this has been changed to just `UINavigationBar.appearance().translucent = false` now – FortuneFaded Apr 20 '16 at 01:18
It has been further changed to `isTranslucent` in Swift 3. – Andrew Madsen Jun 28 '17 at 21:20

score 1 · Answer 4 · answered Sep 25 '13 at 05:37

1

all you need to do for iOS6 is to set the controller's fullscreenlayout to NO and then PUSH it to your NavigationController

[controller setWantsFullScreenLayout:NO];

answered Sep 25 '13 at 05:37

Saurabh Passolia

8,099
1
26
41

UINavigationBar appearing as semi-translucent instead of opaque white

4 Answers4