ios 7 status bar not inheriting nav bar color

Question

I am having trouble figuring out how to get the status bar in ios 7 to use the color of my nav bar. I am using UINavigationController in conjunction with the SWRevealController library for the sliding menu nav.

This is how a page looks right now:

enter image description here

I want the status bar to inherit the gray color of the nav bar. How can I do this?

Checkout this.http://stackoverflow.com/questions/17678881/how-to-change-status-bar-text-color-in-ios-7 — Mohit, Feb 26 '14 at 05:11
try to set color of navigationBar navController.navigationBar.barTintColor = [UIColor grayColor]; — iPatel, Feb 26 '14 at 05:21

score 2 · Accepted Answer · answered Feb 26 '14 at 05:27

2

You can modify your project's Info.plist and set 'View controller-based status bar appearance' as NO

In AppDelegate you have to add

[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];

to AppDelegates didFinishLaunchingWithOptions Method.

Hopefully it will works for you.

answered Feb 26 '14 at 05:27

Irfan

4,301
6
29
46

Tried this, I still see the status bar showing up as black – Atul Bhatia Feb 26 '14 at 05:37
also visit this link may it will resolve your problem http://www.doubleencore.com/2013/09/developers-guide-to-the-ios-7-status-bar/ – Irfan Feb 26 '14 at 05:48
This ended up fixing the problem...was doing something wrong elsewhere. Thanks!! – Atul Bhatia Feb 26 '14 at 07:56

score 2 · Answer 2 · edited Feb 04 '16 at 23:52

In iOS 7 navigation bar image height is 64 pixels. You need to create two images, one for navigation bar for iOS 7 with height of 64 pixels and another for iOS 6 or less with height of 44 pixels

Then use this code

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0)?YES:NO) {
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"your 64 image"] forBarMetrics:UIBarMetricsDefault];
 } 
else 
{
 [self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"your 44 image"] forBarMetrics:UIBarMetricsDefault];
}

score 1 · Answer 3 · answered Feb 26 '14 at 05:12

1

Make a custom view and set the color of navigation bar to that view, place this view on the place of status bar, and change the color of your status bar to transparent. Happy coding

answered Feb 26 '14 at 05:12

Noor

2,071
19
28

score 0 · Answer 4 · answered Feb 26 '14 at 05:17

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0)?YES:NO) {
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"newImage.png"] forBarMetrics:UIBarMetricsDefault];
 } 
else 
{
 [self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"previousImage.png"] forBarMetrics:UIBarMetricsDefault];
}

score 0 · Answer 5 · answered Aug 22 '16 at 11:34

Set the navigation bar's delegate to be the current view controller and attach the navigation bar to the top.

class ViewController: UIViewController, UINavigationBarDelegate {

@IBOutlet weak var navigationBar: UINavigationBar!

override func viewDidLoad() {
    navigationBar.delegate = self
}

func positionForBar(bar: UIBarPositioning) -> UIBarPosition {
    return .TopAttached
}

ios 7 status bar not inheriting nav bar color

5 Answers5