Cómo poblar tus #Previews en SwiftUI

Apple creó la macro #Preview para previsualizar de forma rápida tus vistas de SwiftUI en Xcode.

Ejemplo mínimo: #Preview { BookView() }

Incluso puedes preparar datos dentro del propio #Preview, por ejemplo: let books = [Eros y Agape de Anders Nygren, Comentario a Gálatas de Martin Luther]; luego invocas BookView(books: books).

El reto aparece cuando necesitas cachear los datos de inicialización del preview o, en otro caso frecuente, cuando esos datos deben obtenerse con código asíncrono.

Una aproximación inicial que se vio por ahí fue algo como: #Preview { @Previewable @State var books: [Book] = []; if books.isEmpty { ProgressView().task { books = await myAsyncFunc() } } else { BookView(books: books) } }. Aunque funciona, es una solución poco elegante y además no ofrece caché.

La vía más alineada con las prácticas de Apple es aprovechar PreviewModifier para generar y compartir contexto entre actualizaciones del preview, habilitando caché y soporte async:

struct BookProvider: PreviewModifier { static func makeSharedContext() async -> [Book] { return await myAsyncBookGenerator() } func body(content: Content, context: [Book]) -> some View { BookView(books: context) } }

La idea es simple: makeSharedContext puede producir cualquier tipo que necesites para tu preview. Si no lo defines, por defecto es Void. En body recibes el content que provee #Preview y el context producido por makeSharedContext, y puedes devolver la vista final que quieras.

Para aplicar el modificador: #Preview(traits: .modifier(BookProvider())) { BookView() }.

Un apunte adicional: sería interesante un enfoque con genéricos para que Content no fuese una vista con type erasure, pero por cómo funcionan los protocolos aquí, no es trivial.

En Q2BSTUDIO te ayudamos a crear aplicaciones a medida y software a medida con SwiftUI y el resto del ecosistema Apple, optimizando tus #Previews con datos simulados, caché y carga asíncrona, y conectándolos con backends y servicios CI. Si buscas acelerar tu roadmap digital con equipos expertos y metodologías ágiles, descubre nuestro enfoque de aplicaciones a medida y software a medida.

También impulsamos la adopción de inteligencia artificial en tus flujos de desarrollo y negocio, desde generación de datos de prueba con modelos, agentes IA para automatización y soporte en tiempo real, hasta integración con servicios cloud aws y azure, ciberseguridad y pentesting, y analítica avanzada con power bi. Conoce nuestras soluciones de inteligencia artificial e ia para empresas para llevar tus productos a otro nivel.

Palabras clave relacionadas: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.