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
Los pickers son componentes esenciales al desarrollar aplicaciones que requieren seleccionar opciones, como fechas o categorÃas.
El DatePicker es fundamental para seleccionar fechas y horas. Para implementarlo, sigue estos pasos:
pickersPractice
en SwiftUI.@State var date = Date()
.DatePicker
con un tÃtulo y referencia al estado date
.@State private var date = Date()
var body: some View {
DatePicker("Date", selection: $date)
.padding()
}
displayComponent
para restringir la selección solo a fechas o solo a horas.datePickerStyle
, eligiendo entre opciones como rueda o gráfica.Para crear un picker que muestre opciones como categorÃas o números, sigue estos pasos:
@State var category = 0
.tag
para identificar qué valor está seleccionado.@State private var category = 0
var body: some View {
Picker("CategorÃas", selection: $category) {
Text("CategorÃa Uno").tag(0)
Text("CategorÃa Dos").tag(1)
}
.pickerStyle(SegmentedPickerStyle())
}
Para seleccionar datos más complejos, como tamaños predefinidos en un modelo, sigue estos pasos:
enum
de tamaños, por ejemplo, small
y medium
, úsalos como valores del picker.tag
que correspondan al caso del enum
.@State private var size = CardType.small
enum CardType {
case small, medium
}
var body: some View {
Picker("Tamaños", selection: $size) {
Text("Pequeño").tag(CardType.small)
Text("Mediano").tag(CardType.medium)
}
}
Recuerda, la práctica te llevará a perfeccionar el uso de SwiftUI y hacer tus aplicaciones más intuitivas. ¡Sigue explorando y desafiándote a ti mismo para mejorar tus habilidades en desarrollo de apps!
Aportes 2
Preguntas 0
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?