Change iOS 11 large title color

Question

I'm using the new enlarged navigation bar titles in iOS 11. But I can't seem to be able to change the textColor.

I tried doing:

self.navigationController.navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName: [UIColor whiteColor]};

This didn't do anything. Any ideas?

Possible duplicate of [Changing the text color of a navigation bar title when "prefersLargeTitles" is set to true](https://stackoverflow.com/questions/44619396/changing-the-text-color-of-a-navigation-bar-title-when-preferslargetitles-is-s) — Kqtr, Feb 03 '18 at 14:08
There use to be a bug in Xcode, but it is now working. Complete working code here: https://stackoverflow.com/a/48598246/7698127 (not posting an answer here to avoid duplicate answers) — Kqtr, Feb 03 '18 at 14:09

score 23 · Accepted Answer · answered Jul 10 '17 at 20:18

23

self.navigationController.navigationBar.largeTitleTextAttributes = @{NSForegroundColorAttributeName: [UIColor whiteColor]};

answered Jul 10 '17 at 20:18

David Knight

763
6
12

3

Must be outdated, doesn't work in Swift 4 as of Jan 6, 2019. – 10000RubyPools Jan 07 '19 at 01:46

score 17 · Answer 2 · answered Sep 01 '17 at 19:56

17

I think it's still a bug in Xcode 9 beta 6.

I found different "solutions" for it:

It's possible to change the color of the title if you put this in the AppDelegate:

    if #available(iOS 11.0, *) {
      UINavigationBar.appearance().largeTitleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.blue]
    }

Other way is to set the color in your Controller's viewDidLoad, but the secret to make it work is to set the font also:

    if #available(iOS 11.0, *) {            
      self.navigationController?.navigationBar.largeTitleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.blue, NSAttributedStringKey.font: UIFont.systemFont(ofSize: 31, weight: UIFont.Weight.bold) ]
    }

Hope it helps you.

Regards!

answered Sep 01 '17 at 19:56

Kevin Furman

171
1
5

if #available(iOS 11.0, *) not found ! – Fadi Abuzant Sep 25 '17 at 13:55
Then this issue in objective c only ! – Fadi Abuzant Sep 25 '17 at 14:37
For objective C it is - @available(iOS 11.0, *) – Zeev Vax Nov 14 '17 at 20:47

score 2 · Answer 3 · edited Jun 20 '20 at 09:12

iOS 11

Objective-C

if (@available(iOS 11.0, *)) {
    self.navigationController.navigationItem.largeTitleDisplayMode =  UINavigationItemLargeTitleDisplayModeAlways;
    self.navigationController.navigationBar.prefersLargeTitles = true;

// Change Color
    self.navigationController.navigationBar.largeTitleTextAttributes = @{NSForegroundColorAttributeName: [UIColor whiteColor]};

} else {
    // Fallback on earlier versions
}

score 2 · Answer 4 · edited Jun 20 '20 at 09:12

2

Swift 4.2

self.navigationController?.navigationBar.largeTitleTextAttributes = [NSAttributedString.Key.foregroundColor : UIColor.white]

with named color

self.navigationController?.navigationBar.largeTitleTextAttributes = [NSAttributedString.Key.foregroundColor : UIColor(named: "Teal") ?? UIColor.black]

edited Jun 20 '20 at 09:12

Community

1
1

answered Mar 06 '19 at 21:02

Juanes30

2,398
2
24
38

score 2 · Answer 5 · answered Aug 28 '22 at 17:47

Swift 5.6.1

In my Swift 5.6.1 and iOS 15.6.1 the following code worked only.

Add the following codes in ViewDidLoad()

    let appearance = UINavigationBarAppearance(idiom: .phone)
    // Add the color you want in your title
    appearance.largeTitleTextAttributes = [.foregroundColor: UIColor.white]
    appearance.titleTextAttributes = [.foregroundColor: UIColor.white]
    // Add the color you want as your navigation bar color. Otherwise it shows White by default
    appearance.backgroundColor = .purple
    navigationItem.standardAppearance = appearance
    navigationItem.scrollEdgeAppearance = appearance

score 1 · Answer 6 · answered Mar 24 '19 at 22:43

1

Swift up through Swift 3.2 (not Swift 4+)

        self.navigationController?.navigationBar.largeTitleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]

answered Mar 24 '19 at 22:43

bubbaspike

101
6

score 0 · Answer 7 · answered Nov 18 '21 at 04:59

  let largeTitleTextAttributes: [NSAttributedString.Key: Any] = [.foregroundColor: UIColor.gray20, .font: UIFont.systemFont(ofSize: 24.0, weight: .bold)]
    if #available(iOS 15, *) {
                let navigationBar = navigationController.navigationBar
                let appearance = navigationBar.standardAppearance
                    appearance.largeTitleTextAttributes = largeTitleTextAttributes
                    navigationBar.standardAppearance = appearance
                    navigationBar.scrollEdgeAppearance = appearance
            } else {
                    navigationController.navigationBar.largeTitleTextAttributes = largeTitleTextAttributes
            }

Code without any explanation are rarely helpful. Stack Overflow is about learning, not providing snippets to blindly copy and paste. Please edit your question and explain how it answers the specific question being asked. See [How to Answer](https://stackoverflow.com/help/how-to-answer). — Sfili_81, Nov 18 '21 at 07:43

Change iOS 11 large title color

7 Answers7

iOS 11

Objective-C

Swift 4.2

Swift up through Swift 3.2 (not Swift 4+)

Linked