Del curso: Domina SwiftUI
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 23.100 cursos impartidos por expertos del sector.
Cómo añadir una lista de elementos - Tutorial de SwiftUI
Del curso: Domina SwiftUI
Cómo añadir una lista de elementos
Vamos a hacer una lista de elementos en SwiftUI. En concreto, vamos a visualizar una lista de habitaciones de hotel. Tenemos una carpeta modelo con un archivo Habitacion donde está el struct Habitacion con tres propiedades: id, imagen y nombre. Y aquí tenemos un array listaDeHabitacionesDisponibles que serán nuestros datos de prueba. En Assets, también tenemos las imágenes de las habitaciones. Vamos a ContentView, que será donde crearemos nuestra lista. Yo voy a crear un contenedor ScrollView por si la lista es larga y necesitamos hacer «scroll». Y aquí lo que vamos a hacer es iterar sobre habitaciones con un ForEach. En el parámetro id debemos indicar cuál es la propiedad con la que identificamos los elementos. Nosotros lo hacemos con id. Y esto es un bucle. Voy a hacer «habitacion in». Y tenemos que ir construyendo el elemento visual. Yo voy a añadir un texto en el que voy a mostrar el nombre de la habitación, un Spacer y vamos a mostrar también la imagen de la habitación. Tenemos…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
(Bloqueado)
Utilizando el elemento Spacer()3 min 35 s
-
(Bloqueado)
Cómo formatear un texto dentro de un Text()5 min 17 s
-
(Bloqueado)
Cómo añadir una imagen diferente según el esquema de color (dark/light)3 min 40 s
-
Cómo adaptar el tamaño de una imagen en SwiftUI4 min 22 s
-
(Bloqueado)
Cómo cargar una imagen de una URL1 min 56 s
-
(Bloqueado)
Cómo añadir una lista de elementos4 min 2 s
-
(Bloqueado)
Cómo extraer una vista para refactorizar código1 min 42 s
-
(Bloqueado)
Cómo hacer vistas que reciban parámetros2 min 7 s
-
(Bloqueado)
Añadir padding a un elemento2 min 15 s
-
(Bloqueado)
Formas disponibles en SwiftUI3 min 22 s
-
(Bloqueado)
Cómo añadir y usar los colores5 min 9 s
-
(Bloqueado)
Atención al orden de los modificadores3 min 49 s
-
(Bloqueado)
Cambiar el estado de una vista usando un botón1 min 59 s
-
(Bloqueado)
Cómo crear un botón con estilo, texto e icono2 min 23 s
-
Qué es una propiedad @Binding en SwiftUI3 min 35 s
-
(Bloqueado)
Cómo poblar una lista por categorías3 min 38 s
-
(Bloqueado)
Cómo crear una lista con varias columnas4 min 40 s
-
(Bloqueado)
Cómo crear visualmente una tabla para que se visualice en iPhone4 min 11 s
-
(Bloqueado)
Usando los gestos en SwiftUI6 min 18 s
-
(Bloqueado)
¿Y sí hay un cambio en los datos de un modelo?4 min 48 s
-
(Bloqueado)
Datos compartidos entre vistas con @EnvironmentObject5 min 38 s
-
(Bloqueado)
@Environment vs @EnvironmentObject4 min 25 s
-
(Bloqueado)
Cómo mostrar un texto junto a un icono gracias al elemento Label3 min 24 s
-
Cómo crear un interruptor switch3 min 57 s
-
(Bloqueado)
Cómo crear un estilo propio para un botón3 min
-
(Bloqueado)
Usar un picker y acceder al valor seleccionado6 min 21 s
-
(Bloqueado)
Cómo hacer un picker de fechas en SwiftUI4 min 10 s
-
(Bloqueado)
Contraseñas con campos de texto seguros2 min 2 s
-
(Bloqueado)
Un campo de texto que solo reciba números6 min 26 s
-
(Bloqueado)
Añadir los mismos modificadores a un grupo de elementos2 min 36 s
-
(Bloqueado)