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 crear una lista con varias columnas

Cómo crear una lista con varias columnas - Tutorial de SwiftUI

Del curso: Domina SwiftUI

Cómo crear una lista con varias columnas

La vista Table de SwiftUI nos permite crear tablas o listas con varias columnas. En iPhone las tablas están colapsadas para mostrar solo la primera columna de datos, pero en iPad y Mac mostrarán todos sus datos. Para ver cómo usar este elemento de SwiftUI, vamos a usar un iPad para visualizar la preview. Comenzamos con una lista de usuarios, que es una propiedad State, y vamos a visualizarlos en el elemento Table. Pasamos a la tabla los users y vamos a crear las columnas. TableColumn y le pasamos un título de la columna, empezamos con el nombre y le pasamos la keypath de la propiedad, en este caso va a ser el nombre, voy a añadir también el correo, le pasamos la keypath del correo y, por último, le vamos a pasar el Score. En caso de la puntuación, quiero mostrar una vista un poco más completa, por ello, voy a usar un cierre. Aquí tendremos el usuario. Y voy a crear un HStack donde tendremos un elemento Text con el valor del score y voy a añadir una imagen, un icono, por ejemplo, de…

Contenido