Personalizando la imagen del botón Volver y el color de una Navigation View en SwiftUI

El botón atrás de una vista de navegación está típicamente en azul por defecto y usa un icono de chevron para indicar “Volver”. Sin embargo, usando la API UINavigationBarAppearance podemos personalizar no solo el color sino también el indicador de imagen del botón volver.

Vamos a ver como funciona esta personalización. Para cambiar la imagen podemos llamar al método setBackIndicatorImage y proporcionar nuestra propia UIImage. En este ejemplo vamos a usar la imagen de sistema arrow.turn.up.left

El código es el siguiente:

navBarAppearance.setBackIndicatorImage(UIImage(systemName: "arrow.turn.up.left"), transitionMaskImage: UIImage(systemName: "arrow.turn.up.left"))

Para cambiar el color del botón de Volver, puedes cambiarlo poniendo la propiedad tint de la siguiente manera:

NavigationStack {
  .
  .
  .
}
.tint(.black)

En XCode el resultado, con la imagen cambiada y el color cambiado, es el siguiente: