barTintColor not working correctly for large titles iOS 13

I am currently using the following code to display the background color of the navigation bar, which has been working correctly for forever:


self.navigationController?.navigationBar.barTintColor


However, when I installed an existing live app (NOT compiled in Xcode 11 beta) from the app store on a device running public beta 13.1, it does not show the color until the view is scrolled and the navigationBar compacts. It starts out as just white (most likely transparent) and then on scroll when the navigation header goes from large titles to compact, the color all of a sudden shows up.


I have figured out a way around this for an app update but obviously I'm very concerned about the lack of backwards compatiblity since it makes the existing app look horrible. (We have white titles on a colored background in the header and since the navbar starts out as white/transparent, there is literally nothing showing in the header until scrolled.


Is this a bug that Apple has yet to work out? Surely they wouldn't push the new iOS out like that since I can't be the only one running into this.

Post not yet marked as solved Up vote post of kevint7 Down vote post of kevint7
13k views
Posted by
kevint7
Reply
Add a Comment

Replies

I have the same problem using iOS 13.1 beta. I used this to workaround:


self.navigationController?.view.backgroundColor = bar tint


However, the app still looks really bad. The large title and the searchbar scrolls into the view when draging down the view.


Does anyone know how to fix this?

Posted by
Stevo17
Up vote reply of Stevo17 Down vote reply of Stevo17
Add a Comment

I found a workaround for iOS 12

when setting up tint color apply it to


if (@available(iOS 13, *)) {

[[UINavigationBar appearance] setBarTintColor:barTintColor];

}

Posted by
liguopku
Up vote reply of liguopku Down vote reply of liguopku
Add a Comment

I am having similar issue on iOS 13.1 beta 4.

Setting up navigationBar's background color fixes the issue for me. Not sure if this is a correct solution.


navigationController?.navigationBar.backgroundColor = /*tintcolor*/
Posted by
sachin-x
Post not yet marked as solved Up vote reply of sachin-x Down vote reply of sachin-x

  • this seems to solve the issue for me too!

    —
    jun487 
  •     navBar.standardAppearance.backgroundColor = UIColor.systemYellow didn't work for me from RootNC a subclass of UINavigationController. The embedding NavigationControllers inside storyboards has RootNC as its custom class. I'm tried this in viewDidLoad. iOS 17.2 simulator.
    —
    ace.neerav

  • I see it turn yellow only when i scroll-up the tableview below the navbar.

    —
    ace.neerav
Add a Comment

This seems to have solved my problem. Thanks!

Posted by
ojbravo
Up vote reply of ojbravo Down vote reply of ojbravo
Add a Comment

Thank you so much! This has helped me very much. However the top bar showing carrier signal and battery etc is still the wrong color. Do you know how to change this also?

Posted by
logman94
Post not yet marked as solved Up vote reply of logman94 Down vote reply of logman94
Add a Comment
I was facing the same issue.
Setting the navigation bar backgroundColor property instead of barTintColor worked for me.
Posted by
CaioSanchez
Up vote reply of CaioSanchez Down vote reply of CaioSanchez
Add a Comment

Declaring

let navigationBarAppearace = UINavigationBar.appearance()

navigationBarAppearace.titleTextAttributes = [NSAttributedString.Key.foregroundColor:UIColor.white]

navigationBarAppearace.backgroundColor = UIColor.blue

did the trick. However, I'm now trying to change this area's color:

Posted by
Bonissauro
Up vote reply of Bonissauro Down vote reply of Bonissauro
Add a Comment

Check this link, https://medium.com/do-not-stop-running/to-solve-the-issue-of-changing-navigation-bars-bartint-color-but-not-covering-status-bar-s-color-e4cbc4887a77

Posted by
jvigneshcs
Up vote reply of jvigneshcs Down vote reply of jvigneshcs
Add a Comment