How to change color of back button on NavigationView

Question

When you click on the button it takes you to a new view and puts a back button in the top left. I can't figure out what property controls the color of the back button. I tried adding an accentColor and foregroundColor but they only edit the items inside the view.

var body: some View {     NavigationView {         NavigationLink(destination: ResetPasswordView()) {             Text("Reset Password")             .foregroundColor(Color(red: 0, green: 116 / 255, blue: 217 / 255))             .padding()         }     } } 

Answer 1

You can use the accentColor property on the NavigationView to set the back button color, like in this example:

var body: some View {     NavigationView {         List(1..<13) { item in             NavigationLink(destination: Text("\(item) x 8 = \(item*8)")) {                 Text(String(item))             }         }.navigationBarTitle("Table of 8")     }.accentColor(.black) // <- note that it's added here and not on the List like navigationBarTitle() }