How do I set the navigation title colour on WatchOS

Question

I can't figure out how to set the navigation title colour on my watch OS app. I've tried everything I can think of, but it's always grey.

How do I make "My App" blue in this example

    @main
    struct GiveBloodApp: App {
    
        @StateObject var appModel = AppModel()

        @SceneBuilder var body: some Scene {
            WindowGroup {
                NavigationView {
                Text("Hello World").multilineTextAlignment(.center)
                        .navigationTitle("My App")
                }
            }                      
        }
    }

This actually is not possible with SwiftUI as far as I know and can only be achieved with UIKit. See this older post: https://stackoverflow.com/questions/58035341/navigationbartitle-color-change-for-watchos-in-swiftui — Björn, Nov 25 '21 at 21:34
That was the problem. I had to change the accent color resource. Didn't even realize it was there — rykeeboy, Nov 27 '21 at 13:55
Does this answer your question? [NavigationBarTitle color change for watchOS in SwiftUI](https://stackoverflow.com/questions/58035341/navigationbartitle-color-change-for-watchos-in-swiftui) — CodeChimp, Jan 10 '22 at 15:29

keyle · Answer 1 · 2023-04-08T10:52:34.127

0

Update your navigationTitle with the following to compose its contents and describe the colour.

.navigationTitle {
    Text("Your App").foregroundColor(.red)
}

edited Apr 08 '23 at 10:52

answered Mar 25 '23 at 04:00

keyle

2,762
3
24
27

How do I set the navigation title colour on WatchOS

1 Answers1