Menu
Coddy logo textTech

Lista

Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 31 de 50.

List exibe linhas no estilo agrupado e rolável do app Ajustes. Ele recebe uma coleção e um closure para cada linha, como ForEach:

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

Uma lista também pode ter linhas fixas, e Section agrupa linhas sob um cabeçalho:

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

Cada linha pode conter qualquer exibição: uma HStack com um ícone, texto e um Spacer é uma linha típica.

challenge icon

Desafio

Fácil

Mostre a playlist como uma List: uma linha por música, com o identificador songs na lista. Cada linha é um HStack com o símbolo music.note e o nome da música.

Experimente você mesmo

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Introdução ao SwiftUI

Pratique por conta própria: Playground de Swift