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

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…

Contenido