Ciclo de Vida de Vistas en SwiftUI: onAppear, onChange y onDisappear

Curso de SwiftUI: Porteo y Ciclo de Vida de Aplicaciones

Contenido del curso

Introducción

1
Desarrollo de Apps para iPadOS con Subi UI y SWIFT
00:57 min

Proceso de porteo de una app iOS a iPadOS

Proceso de mejora como desarrollador de apps con SwiftUI

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:003:24

Ciclo de Vida de Vistas en SwiftUI: onAppear, onChange y onDisappear

Curso de SwiftUI: Porteo y Ciclo de Vida de Aplicaciones

Clase 10 de 11

Clase 10 / 11

Recursos

Controlar lo que sucede cuando una vista aparece, cambia o desaparece es fundamental para crear aplicaciones robustas en SwiftUI. Gracias a su enfoque declarativo, gestionar el ciclo de vida de las vistas se reduce a utilizar tres modificadores claros y directos que puedes aplicar a cualquier elemento: desde un botón hasta un stack completo.

¿Qué es el ciclo de vida de una vista en SwiftUI?

Después de comprender el ciclo de vida global de una aplicación, el siguiente paso es observar cómo se comporta cada vista de forma individual. Toda vista pasa por tres etapas principales: se crea y aparece en pantalla, puede cambiar su estado o contenido, y eventualmente desaparece. SwiftUI ofrece un modificador específico para cada una de estas etapas, lo que permite ejecutar código en el momento preciso [00:20].

A diferencia de UIKit, donde era necesario implementar delegados y métodos complejos de forma imperativa, SwiftUI permite escribir estas instrucciones de manera declarativa. Simplemente le indicas a la vista qué hacer en cada etapa, y el framework se encarga del resto.

¿Cómo funciona onAppear para ejecutar código al mostrar una vista?

El modificador onAppear se ejecuta cuando la vista aparece en pantalla por primera vez. En el ejemplo trabajado dentro del archivo ProfileView, se aplica sobre un ZStack para recuperar las imágenes del perfil del usuario justo en el momento en que la pantalla se muestra [00:40].

Se coloca como modificador del stack o de cualquier vista.
Ejecuta el bloque de código una vez que la vista es visible.
Es ideal para cargar datos iniciales, como imágenes o información de perfil.

Un detalle importante es que este modificador no está limitado a stacks. Puedes agregarlo a cualquier vista: un botón, una imagen o un contenedor. Esto da flexibilidad total para decidir en qué nivel de la jerarquía de vistas quieres capturar ese momento [00:55].

¿Para qué sirve onChange cuando el contenido de una vista se modifica?

El modificador onChange permite ejecutar código cuando un valor observado cambia. Por ejemplo, si una imagen de perfil se actualiza con una nueva fotografía, puedes reaccionar a ese cambio y ejecutar lógica adicional [01:20].

Detecta cambios en propiedades o estados específicos.
Útil para sincronizar datos o actualizar elementos dependientes.
Complementa a onAppear cubriendo la etapa intermedia del ciclo de vida.

¿Qué hace onDisappear cuando una vista se destruye?

El tercer modificador es onDisappear, que añade una acción que se ejecuta cuando la vista deja de estar visible. Su sintaxis es similar a los anteriores: recibe un bloque de código con la acción a realizar [01:35].

Se activa al momento en que la vista sale de pantalla.
Perfecto para liberar recursos, guardar estado o limpiar datos temporales.
Ayuda a prevenir problemas cuando el usuario recibe una llamada o un mensaje inesperado.

¿Por qué es importante manejar estos estados en tu aplicación?

El usuario puede abandonar una pantalla en cualquier momento: una llamada telefónica, una notificación o simplemente al cambiar de vista. Prevenir estos escenarios es lo que diferencia una aplicación frágil de una robusta [02:10].

Los tres modificadores trabajan en conjunto para cubrir el ciclo completo:

onAppear: la vista se muestra, carga lo necesario.
onChange: algo cambió, reacciona al nuevo estado.
onDisappear: la vista se va, limpia y guarda.

Esta triada de modificadores representa una de las bondades de SwiftUI frente a UIKit. El código declarativo permite expresar intenciones de forma clara: "quiero que ejecutes esto cuando la vista aparezca", sin necesidad de entender estructuras complejas de delegados [02:25].

Si estás construyendo aplicaciones con SwiftUI, incorporar estos modificadores en tus vistas desde el inicio te permitirá tener un control preciso sobre cada etapa. ¿Ya los estás utilizando en tus proyectos? Comparte cómo los aplicas en tu código.

Introducción

Desarrollo de Apps para iPadOS con Subi UI y SWIFT

Proceso de porteo de una app iOS a iPadOS

Adaptación de Aplicaciones iOS a iPadOS con SwiftUI

Sistema de Puntos vs. Píxeles en Desarrollo iOS

Adaptación de Assets en iOS para Diferentes Resoluciones

Modificadores de Offset y Position en SwiftUI

Uso de Geometry Reader para Interfaces Responsivas

Adaptación de vistas según dispositivo en Xcode y SwiftUI

Proceso de mejora como desarrollador de apps con SwiftUI

Ciclo de Vida de Aplicaciones Móviles en SwiftUI

Ciclo de Vida de una Aplicación en SwiftUI: Estados y Manejo

Ciclo de Vida de Vistas en SwiftUI: onAppear, onChange y onDisappear

Recomendaciones para Desarrolladores iOS: UIKit y SwiftUI

Ciclo de Vida de Vistas en SwiftUI: onAppear, onChange y onDisappear

Progreso del curso

Introducción

Proceso de porteo de una app iOS a iPadOS

Proceso de mejora como desarrollador de apps con SwiftUI

Recursos

Recursos