How to change navigation title color in swiftUI

To change the navigation bar title color you just have to add a modifier. Then call that modifier with the chosen color.

extension View {
    @available(iOS 14, *)
    func navigationBarTitleTextColor(_ color: Color) -> some View {
        let uiColor = UIColor(color)
        UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: uiColor ]
        UINavigationBar.appearance().largeTitleTextAttributes = [.foregroundColor: uiColor ]
        return self
    }
}

You can insert this piece of code wherever you want in your project files. Simply call .navigationBarTitleTextColor(.color) where you've set your navigation bar title.

In SwiftUI, changing the navigation bar title color involves using a combination of SwiftUI views and UIKit components due to some limitations in SwiftUI's current state.

Here's a revised version of your code:

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Hello, World!")
                .navigationBarTitle("My Title", displayMode: .inline)
                .navigationBarItems(trailing: Text("Trailing"))
                .navigationBarColor(.red) // static property of `Color` struct
        }
    }
}

extension View {
    func navigationBarColor(_ color: UIColor) -> some View {
        self.modifier(NavigationBarColorModifier(color: color))
    }
}

struct NavigationBarColorModifier: ViewModifier {
    var color: UIColor

    func body(content: Content) -> some View {
        content
            .onAppear {
                let coloredAppearance = UINavigationBarAppearance()
                coloredAppearance.configureWithOpaqueBackground()
                coloredAppearance.titleTextAttributes = [.foregroundColor: color]
                coloredAppearance.largeTitleTextAttributes = [.foregroundColor: color]

                UINavigationBar.appearance().standardAppearance = coloredAppearance
                UINavigationBar.appearance().compactAppearance = coloredAppearance
                UINavigationBar.appearance().scrollEdgeAppearance = coloredAppearance
            }
    }
}

I added this as an extension in the extensions group and use it in all my Views to set a common color for the Title as I am trying to conform to SwiftUI design as much as possible.