Swift 4 : Navigation Bar looks different for the next page

Question

I just removed the navigation bar shadow line with the following code :

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
self.navigationController?.navigationBar.shadowImage = UIImage()

When I use this code and I try to open another page which belongs to the same navigation controller, its navigation bar looks different. I'm trying to set the same navigation bar background color and tint color, but it doesn't work. However, when I remove these codes, all the pages that I use work normally. How can I fix this issue?

Screenshots :

did u set navigation item color , check it first – Shobhakar Tiwari Nov 27 '17 at 15:24 — Shobhakar Tiwari, Nov 27 '17 at 15:24

Nosov Pavel · Accepted Answer · 2017-11-27T17:37:38.710

It's common behaviour. When you set backgroundImage then it's not possible to set new colour. You need to set setBackgroundImage to nil and then set new colour that you want inside next ViewController.

This library can help you to do it easily https://github.com/MoZhouqi/KMNavigationBarTransition PS: See an example by the link

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        configureAppearance()
    }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        configureAppearance()
    }

    func configureAppearance() {
        self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
        self.navigationController?.navigationBar.shadowImage = UIImage()
    }
}


class SecondViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        configureAppearance()
    }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        configureAppearance()
    }

    func configureAppearance() {
        self.navigationController?.navigationBar.setBackgroundImage(nil, for: UIBarMetrics.default)
        self.navigationController?.navigationBar.barTintColor = UIColor.yellow
    }
}

I don't wanna use framework for this little problem. Can you help me that how I can fix this problem naturally? — jorjj, Nov 27 '17 at 17:00
Yeah, set in first ViewController in viewWillAppear() your custom NavigationController appearance then in second ViewController set another NavigationController appearance. I added for you example above. — Nosov Pavel, Nov 27 '17 at 17:36
thanks, man. I also fixed the problem with changing the status bar color and nav bar background color. — jorjj, Nov 27 '17 at 18:39
@winnervswinner you are welcome! if you want to remove side effects that are showing when you going back to first view controller - use library that I have mentioned — Nosov Pavel, Nov 27 '17 at 22:15

score 0 · Answer 2 · answered Nov 27 '17 at 15:23

It looks like your navigation bar is translucent but your view controller doesn't extend behind it so you need the window which defaults to black.

Either

Check the box to extend the VC under top bars in interface builder
Change UIApplication.shared.keyWindow?.backgroundColor to .white
Make your nav bar opaque

Swift 4 : Navigation Bar looks different for the next page

2 Answers2