NavigationBar Back Button Color iOS 16

Question

Created Jul ’22

Replies 5

Boosts 3

Views 9.7k

Participants 8

I just noticed, that iOS 16 is using the accent color for the navigation bar back button. (SwiftUI) When running my app on iOS 15 devices it's white.

Is there a way to change that behavior? I want to have another accent color than white.

Boost

Answer 1

anils OP

Jul ’22

You can set accentColor on the NavigationStack

2

Answer 2

OlegKorchitskiy OP

Jul ’22

You can try this:

  let appearance = UINavigationBarAppearance()

  appearance.configureWithOpaqueBackground() // configure
   

  let backItemAppearance = UIBarButtonItemAppearance()
  backItemAppearance.normal.titleTextAttributes = [.foregroundColor : UIColor.white] // fix text color
  appearance.backButtonAppearance = backItemAppearance
   
  let image = UIImage(systemName: "chevron.backward")?.withTintColor(.white, renderingMode: .alwaysOriginal) // fix indicator color
  appearance.setBackIndicatorImage(image, transitionMaskImage: image)
   
  UINavigationBar.appearance().tintColor = .white // probably not needed
   
  UINavigationBar.appearance().standardAppearance = appearance
  UINavigationBar.appearance().scrollEdgeAppearance = appearance
  UINavigationBar.appearance().compactAppearance = appearance
  UINavigationBar.appearance().compactScrollEdgeAppearance = appearance

3

Answer 3

awhb122 OP

Oct ’22

Sadly this method no longer works. It was working great in iOS 15 and below, but something must have changed.

1

Answer 4

luis genaro OP

Jan ’23

In iOS 16 when you are using NavigationStack, you might use the .tint(YourColorHere):

NavigationStack {
// UI components here
}
.tint(YourColorHere)

1

Answer 5

StefieL OP

Sep ’23

UINavigationBar.appearance().barTintColor = UIColor(.black)

1