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:
