Navigation bar different color in iOS7?

Question

I am creating an iPhone app, but my navigation bar has a different color in each view?

I am developing for iOS7 and with Xcode 5.

I have tried to programatically make the navigation bar the same by writing this in the AppDelegate.m file:

[[UINavigationBar appearance] setBarStyle:UIBarStyleBlackTranslucent];

What should I be doing?

What colour is it, what colour are you expecting, what is the colour of the view? — Abizern
– Abizern, Commented Sep 15, 2013 at 11:54

Suhit Patil · Accepted Answer · 2016-11-04 17:46:29Z

12

NavigationBar style is Translucent light (default) or translucent dark. By default, the translucent property is YES, set it to NO and use barTintColor property of navigationbar to set the navbar background with some colour.

Objective-C

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

Swift 3

navigationController?.navigationBar.barTintColor = UIColor.white
navigationController?.navigationBar.isTranslucent = false

edited Nov 4, 2016 at 17:46

answered Dec 12, 2013 at 12:19

Suhit Patil

12k3 gold badges54 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jonas vermeulen · Accepted Answer · 2013-09-15 12:00:39Z

3

You need to set the barTintColor property.

You can specify a custom tint color for the navigation bar background using the Tint (barTintColor) field. The default background tint color is white.

also set the property from the top bar to opaque instead of translucent if you want a solid color From iOS7 docs: https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UINavigationBar.html#//apple_ref/doc/uid/TP40012857-UINavigationBar-SW1

edited Sep 15, 2013 at 12:00

answered Sep 15, 2013 at 11:55

jonas vermeulen

1,2555 gold badges23 silver badges41 bronze badges

6 Comments

Tobias Lindgreen Over a year ago

I have tried that as well, the color changes, but it is not consistent??? It has different shades of the chosen color in each view? :S

jonas vermeulen Over a year ago

sorry but that's iOS7 style. i don't think there is an option to have no shades or you should make an inner view that is below the navigation bar so there is nothing behind the navigation bar.

jonas vermeulen Over a year ago

another option might be to uncheck the under top bars property (extend edges) on your view.

Tobias Lindgreen Over a year ago

But the color is significant different from each other? Some brownish, other grey'ish, some comepletely black and the background should be the exact same in each view?

Msmit1993 Over a year ago

Try to set the following property "translucent = NO". This will stop the color shades inherited from underlying views.

|

Collectives™ on Stack Overflow

Navigation bar different color in iOS7?

2 Answers 2

Comments

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Related