iOS Dark Mode UINavigationBar not updating background color

Question

Created Jul ’19

Replies 8

Boosts 1

Views 13k

Participants 9

I figured that I'd get the support for Dark Mode out of the box with UINavigationBar since I use the default opaque color scheme.

I've noticed that when I switch the dark mode setting to ON either from environment in xcode, or command center with the screen brightness shortcut, my UINavigationController navbar background stays white but the title text color does change to the dark mode title color, white. White text on white background. I verified that the label is still there and still white using the Debug View Heirarchy within xcode.

Sometimes, when I rotate then to landscape, the background will update to dark mode color. It isn't consistent. Same goes for the inverse, changing dark to light mode. Dark text on Dark background color.

From a user's perspective, after a swipe-kill and relaunch, the color matches the themes in all orientations and navigation bars.

I have my nav bars set to opaque from storyboard. Is there something else I'm missing that needs to be done? I didn't see anything in the adopting dark mode video from WWDC 19.

Updated Aug 26, 2019

I'm still seeing this behavior in dev beta 8. Created a bug report--hopefully this gets fixed. FB7134275

Is anyone else affected by this? Basic app layout similar to either Phone or Clock app.

UITabBarController (opaque bottom bar) -

UINavigationController (opaque top bar) -

UIViewController

UINavigationController (opaque top bar) -

UITableViewController

This is really non-functional because the title color is changed, but the bar color is not changing.

Update Jan 6, 2020

iOS 13.3 no longer seems to have this issue. I'm not sure in which earlier update this was addressed.

Answered by selsoee in 390233022

I have this issue too. Very frustrating. I've ended up creating a subclass af UINavigationController that sets the barTintColoer whenever the trait collection changes. It's not pretty, but does the job until Apple fixes it at their end.

class DarkModeAwareNavigationController: UINavigationController {

  override init(rootViewController: UIViewController) {
       super.init(rootViewController: rootViewController)
       self.updateBarTintColor()
  }

  required init?(coder aDecoder: NSCoder) {
       super.init(coder: aDecoder)
       self.updateBarTintColor()
  }

  override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
       super.traitCollectionDidChange(previousTraitCollection)
       self.updateBarTintColor()
  }

  private func updateBarTintColor() {
       if #available(iOS 13.0, *) {
            self.navigationBar.barTintColor = UITraitCollection.current.userInterfaceStyle == .dark ? .black : .white
  }
  }
}

Boost

Answer 1

BCRISS90 OP

Sep ’19

I am having this issue as well. Everything changes when switiching from Dark Mode to Light Mode or vice versa except for the UINavigationBar. This issue occurs whether I am using a system color or if I am using a custom color with different shades for light and dark mode.

Like edorphy stated as well, if I change the view the navigation bar color will update to the correct color scheme but it will not update if I leave it on the same view and change between the two appearance modes.

0

Answer 2

danielbm OP

Sep ’19

Same issue here. Did you figure out a way to work around it?

0

Answer 3

adober2 OP

Sep ’19

There is actually a solution: If you add the Color as a `Color Set` via an Asset Catalog and then load this color via `UIColor(named:bundle:compatibleWith:)` func the color will be updated automatically.

1

Answer 4

megatron1000 OP

Oct ’19

Same exact issue.

The proposed resolution doesn't really work for me since I need to keep existing support for a backwards-compatible dark mode.

0

Answer 5

jbiser361 OP

Oct ’19

in the app delegate i made the app detect if darkMode is enabled, if it is i set the nav controller to be dark and visa versa

0

Answer 6

selsoee OP

Oct ’19

Accepted Answer

I have this issue too. Very frustrating. I've ended up creating a subclass af UINavigationController that sets the barTintColoer whenever the trait collection changes. It's not pretty, but does the job until Apple fixes it at their end.

class DarkModeAwareNavigationController: UINavigationController {

  override init(rootViewController: UIViewController) {
       super.init(rootViewController: rootViewController)
       self.updateBarTintColor()
  }

  required init?(coder aDecoder: NSCoder) {
       super.init(coder: aDecoder)
       self.updateBarTintColor()
  }

  override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
       super.traitCollectionDidChange(previousTraitCollection)
       self.updateBarTintColor()
  }

  private func updateBarTintColor() {
       if #available(iOS 13.0, *) {
            self.navigationBar.barTintColor = UITraitCollection.current.userInterfaceStyle == .dark ? .black : .white
  }
  }
}

1

Answer 7

Broski OP

Nov ’19

Could you please post a solution for this? I've been looking for this..

0

Answer 8

edorphy OP

Jan ’20

This looks good for earlier releases. I don't know when I quit experiencing the issue, but as of iOS 13.3 I no longer see this.

0