Fundamentos de SwiftUI y desarrollo de Interfaces
Desarrolla Apps IncreÃbles: primeros pasos con SwiftUI
Creación de views y uso de preview
Personalización de views con modifiers y uso de shapes
Image render
Composición de Layouts con Stacks
ScrollView y carousel
List y ForEach
Estructurando nuestra app
Quiz: Fundamentos de SwiftUI y desarrollo de Interfaces
Interacción del Usuario y Componentes de Entrada
Button y manejo de estado con @State
Text Field y Text Editor
Picker y DatePicker
Toggle y Slider
Formularios
Alertas y Modales
Gestures
Animaciones y uso del ProgressView
Quiz: Interacción del Usuario y Componentes de Entrada
Manejo del Estado y Arquitectura con ViewModels
ViewModels y @ObservedObject
Compartir Datos con @EnvironmentObject
Creación de Componentes Reutilizables con @Binding
Quiz: Manejo del Estado y Arquitectura con ViewModels
Navegación Avanzada
Navegación con NavigationStack
Personalización de la Barra de Navegación
Quiz: Navegación Avanzada
Lanzamiento de la app
Funcionalidades extra
Lanzamiento en simulador
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Utilizar buenas prácticas para estructurar proyectos resulta vital para el éxito a largo plazo de tus aplicaciones. AquÃ, exploraremos cómo crear una nueva vista, agregar propiedades y variables correctamente, reorganizar archivos, y aplicar prácticas útiles para el desarrollo de tu proyecto final.
Para empezar, si has estado siguiendo este curso, seguramente has aprendido a incluir tarjetas medianas en una lista. En esta clase te guiamos para que continues adelante con esas habilidades.
Para poder mostrar tarjetas de diferentes tamaños en una lista, utiliza un switch
en Swift que te permitirá organizar y cambiar entre distintas condiciones. Aquà como se hace:
switch card.type {
case .small:
// Muestra la vista de tarjeta pequeña
case .medium:
// Muestra la vista de tarjeta mediana
}
Este enfoque permite determinar qué tipo de vista debe renderizarse según el tamaño de la tarjeta.
Tener modelos, vistas y funciones en un solo archivo no es una práctica recomendada. Aquà te mostramos cómo distribuir el código para un manejo más eficiente y legible:
models
.nCard.swift
.Foundation
y mueve el modelo aquà desde tu ContentView
.views
.SwiftUI view
.nCardView.swift
y transfiere las funciones relacionadas a las vistas pequeñas y medianas desde el ContentView
.// Ejemplo de declaración de una nueva vista en SwiftUI
struct NCardView: View {
var card: NCard
var body: some View {
Text(card.title)
}
}
Aprovecha los previews
para probar diversas configuraciones de tu vista sin desordenar tu archivo principal. Al separar tus vistas, cada una tendrá un espacio dedicado para pruebas, permitiendo visualizar múltiples tarjetas con caracterÃsticas variadas:
VStack
en tu preview
para formar diferentes composiciones.struct NCardView_Previews: PreviewProvider {
static var previews: some View {
VStack {
NCardView(card: NCard(title: "Example Title", type: .small))
// Añade más configuraciones para probar
}
}
}
Para seguir con buenas prácticas, al separar listas en archivos independientes no solo mejoras la legibilidad del código sino también la escalabilidad. Estos son los pasos que puedes seguir:
views
.ContentView
inicial por una instancia a tu nuevo ListView
.Aquà asegúrate de que en los previews
todos los views
estén debidamente estructurados para evitar errores de compilación.
Con estas mejoras, el primer paso de estructuración de tu proyecto está completo. Próximamente, exploraremos la interacción entre vista y usuario, introduciendo la creación de formularios y botones para enriquecer la experiencia de tus aplicaciones. ¡Mantén la motivación, estás construyendo bases sólidas para tus proyectos futuros!
Aportes 0
Preguntas 0
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?