Programación en Swift y SwiftUI para iOS Developers

Como cambiar la imagen del botón Atrás y el color en SwiftUI

El botón Atrás de la vista de navegación suele estar configurado en azul de forma predeterminada y utiliza un icono de chevron para indicar “Volver“. Sin embargo, con la API UINavigationBarAppearance, puede personalizar no solo el color, sino también la imagen indicadora del botón Atrás.

Veamos cómo funciona esta personalización. Para cambiar la imagen del indicador, puedes llamar al método setBackIndicatorImage y proporcionar tu propia UIImage. Aquí, la estableceré en la imagen del sistema arrow.turn.up.left

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

Para el color del botón atrás, puedes cambiarlo poniendo la propiedad tint como en este ejemplo:

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

En XCode podemos ver como el botón ha cambiado y también su color:

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Article

Como cambiar la fuente y el color en una Navigation Bar en SwiftUI

Next Article

Como usar NavigationLink en SwiftUI

Related Posts