What should be the best way to change StatusBar background colour and preferredStatusBarStyle?

Question

My requirements are like, in my app there are two flows, so for both flows value of preferredStatusBarStyle & StatusBar background colour are different. So if I have 40 viewControllers, 20 VCs have same values and 20VCs have different values than first 20 values.

For now I am changing values in each view controllers, like this:-

override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

override func viewDidLoad() {
    super.viewDidLoad()

    UIApplication.shared.statusBarView?.backgroundColor = AppColors.themeStatusColor
}

and in info.plist I did this:-

<key>UIViewControllerBasedStatusBarAppearance</key>
<true/>

Can u guys tell me any way so I can write these lines of code only two places and I can achieve my requirements.

SPatel · Answer 1 · 2018-10-11T05:51:30.163

1

Create Base view controller(root) and extent it.

class BaseViewController: UIViewController {

   override var preferredStatusBarStyle: UIStatusBarStyle {
      return .lightContent
   }

   override func viewDidLoad() {
      super.viewDidLoad()

    UIApplication.shared.statusBarView?.backgroundColor = AppColors.themeStatusColor
   }
}

Use:

class MYSecondFlowController: BaseViewController {

}

edited Oct 11 '18 at 05:51

answered Oct 11 '18 at 05:46

SPatel

4,768
4
32
51

bro i am already doing it, but in my case i need to set one value for 20 VCs and one different value for rest 20 VCs. – Vipul Kumar Oct 11 '18 at 05:48
then make another Base controller – SPatel Oct 11 '18 at 05:50
self.setNeedsStatusBarAppearanceUpdate() – Vipul Kumar Oct 11 '18 at 05:51
@VipulKumar Yes – SPatel Oct 11 '18 at 05:51
bro i don't why but backgroundColor changes only, not preferredStatusBarStyle, :( – Vipul Kumar Oct 11 '18 at 05:53

score 1 · Answer 2 · answered Oct 11 '18 at 05:50

You can achieve this by creating two ViewController like below:

// For 20 VC with blue status bar

class BaseVCBlue: UIViewController {

override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

 override func viewDidLoad() {
        super.viewDidLoad()

    UIApplication.shared.statusBarView?.backgroundColor = UIColor.blue
    }

// For 20 VC with red status bar

class BaseVCRed: UIViewController {

override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

 override func viewDidLoad() {
        super.viewDidLoad()

    UIApplication.shared.statusBarView?.backgroundColor = UIColor.red
    }

when you need blue status bar extend blue and when you want red extend red.

bro i don't why but backgroundColor changes only, not preferredStatusBarStyle, :( — Vipul Kumar, Oct 11 '18 at 05:53

score 1 · Accepted Answer · edited Oct 11 '18 at 06:33

1

class BaseVCBlue: UIViewController {

override var preferredStatusBarStyle: UIStatusBarStyle {
    return UIStatusBarStyle.default
}

override func viewDidLoad() {
    super.viewDidLoad()

    self.setNeedsStatusBarAppearanceUpdate()
    UIApplication.shared.statusBarView?.backgroundColor = UIColor.white
}

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)

    self.setNeedsStatusBarAppearanceUpdate()
}
}



class BaseVc: UIViewController {

override var preferredStatusBarStyle: UIStatusBarStyle {
    return UIStatusBarStyle.lightContent
}

override func viewDidLoad() {
    super.viewDidLoad()

    UIApplication.shared.statusBarView?.backgroundColor = AppColors.themeStatusColor
}

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)

    self.setNeedsStatusBarAppearanceUpdate()
}

But Most important one:- There’s one case where this won’t work and that is if your controller is embedded in a navigation stack . Reason being that iOS wants the parent controller (and NOT the child controller) to decide what kind of status bar one needs to show, then do this also:-

extension UINavigationController {
    open override var preferredStatusBarStyle: UIStatusBarStyle {
        return topViewController?.preferredStatusBarStyle ?? .default
    }
}

Now u can change easily and this will work perfectly :)

edited Oct 11 '18 at 06:33

Vipul Kumar

893
9
19

answered Oct 11 '18 at 06:04

Jitendra

5,055
2
22
42

bro but what about preferredStatusBarStyle? – Vipul Kumar Oct 11 '18 at 06:05
i can change only background color via this, not preferredStatusBarStyle, but i need to change both at the same time :( – Vipul Kumar Oct 11 '18 at 06:06
@VipulKumar check now. – Jitendra Oct 11 '18 at 06:09
preferredStatusBarStyle this doesn't change yr, background color can be changed easily, but i don't know why preferredStatusBarStyle is not changing accordingly. – Vipul Kumar Oct 11 '18 at 06:15
What does it mean it should change. – Jitendra Oct 11 '18 at 06:16
What are you expecting from this. – Jitendra Oct 11 '18 at 06:16
see i want ""preferredStatusBarStyle = .default"" for one VC and ""preferredStatusBarStyle = .lightContent"" for one VC – Vipul Kumar Oct 11 '18 at 06:19
You want same across the app. – Jitendra Oct 11 '18 at 06:19
Or it should change as per view controller. – Jitendra Oct 11 '18 at 06:20
as per view controller. – Vipul Kumar Oct 11 '18 at 06:21
bro i got the problem, There’s one case where this won’t work and that is if your controller is embedded in a navigation stack . Reason being that iOS wants the parent controller (and NOT the child controller) to decide what kind of status bar one needs to show! – Vipul Kumar Oct 11 '18 at 06:23
and now if i am doing this:- – Vipul Kumar Oct 11 '18 at 06:23
extension UINavigationController { open override var preferredStatusBarStyle: UIStatusBarStyle { return topViewController?.preferredStatusBarStyle ?? .default } } – Vipul Kumar Oct 11 '18 at 06:23
now i can do change the value of preferredStatusBarStyle as per view controller. – Vipul Kumar Oct 11 '18 at 06:24
thnx for help :) – Vipul Kumar Oct 11 '18 at 06:24
Then create 2 BaseViewController and both has to set diff style and user this 2 overide this preferredStatusBarStyle in both the baseviewcontroller's and use it – Jitendra Oct 11 '18 at 06:24
yeah bro doing like it now :) – Vipul Kumar Oct 11 '18 at 06:24
Yes you can do it – Jitendra Oct 11 '18 at 06:25
plz see it and approve it :) – Vipul Kumar Oct 11 '18 at 06:32
Approved check now. – Jitendra Oct 11 '18 at 06:33

What should be the best way to change StatusBar background colour and preferredStatusBarStyle?

3 Answers3