Animaciones y transiciones

Animar en SwiftUI es casi mágico: no defines fotogramas ni temporizadores. Cambias un valor de estado dentro de una animación, y SwiftUI interpola suavemente entre el antes y el después. Menos código, mejores resultados.

withAnimation: anima un cambio

Envuelve el cambio de estado en withAnimation y todo lo que dependa de ese estado se anima:

struct Caja: View {
    @State private var grande = false

    var body: some View {
        VStack {
            RoundedRectangle(cornerRadius: 20)
                .frame(width: grande ? 200 : 100, height: 100)
                .foregroundStyle(.blue)

            Button("Cambiar") {
                withAnimation(.spring) {   // .spring, .easeInOut, .bouncy…
                    grande.toggle()
                }
            }
        }
    }
}

El rectángulo crece o encoge con una animación de muelle. No animaste el tamaño: animaste el cambio de estado, y SwiftUI hizo el resto.

.animation(_, value:)

Alternativa: adjunta la animación a una vista y dispárala cuando cambie un valor concreto:

Circle()
    .fill(activo ? .green : .gray)
    .scaleEffect(activo ? 1.2 : 1.0)
    .animation(.easeInOut, value: activo)   // anima cuando 'activo' cambie

Transiciones: aparecer y desaparecer

Cuando una vista entra o sale de la jerarquía, .transition define cómo:

if mostrando {
    Text("¡Sorpresa!")
        .transition(.scale.combined(with: .opacity))
}
// …dispara con:
withAnimation { mostrando.toggle() }

Combina transiciones (.slide, .scale, .opacity, .move(edge:)) para efectos ricos.

Animaciones por fases

Para animaciones que recorren varios estados en bucle (un icono que “respira”, un aviso que pulsa), .phaseAnimator:

Image(systemName: "heart.fill")
    .foregroundStyle(.red)
    .phaseAnimator([1.0, 1.3, 1.0]) { vista, escala in
        vista.scaleEffect(escala)
    }

SwiftUI recorre las fases [1.0, 1.3, 1.0] animando entre ellas automáticamente.