Menu
Coddy logo textTech

Lista

Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 31 de 50.

List muestra filas con el estilo desplazable y agrupado de la app Settings. Recibe una colección y un cierre para cada fila, como ForEach:

List(books) { book in
    Text(book.title)
}

Una lista también puede tener filas fijas, y Section agrupa las filas bajo un encabezado:

List {
    Section("Reading") {
        Text("Dune")
    }
    Section("Finished") {
        ForEach(finished, id: \.self) { title in
            Text(title)
        }
    }
}

Cada fila puede contener cualquier vista: un HStack con un icono, texto y un Spacer es una fila típica.

challenge icon

Desafío

Fácil

Muestra la lista de reproducción como una List: una fila por canción, con el identificador songs en la lista. Cada fila es un HStack con el símbolo music.note y el nombre de la canción.

Pruébalo tú mismo

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a SwiftUI

Practica por tu cuenta: Playground de Swift