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.
Desafio
FácilMostre 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()
}
}
}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
4Modificadores
PreenchimentoPlanos de fundoOrdem dos modificadoresMolduras e formasRecapitulação - Criador de distintivos10Projeto - Coddy Coffee
Visão geral do projetoTelas de bebidas5Estado e Botões
BotõesA Propriedade @StateEstado Verdadeiro ou FalsoViews CondicionaisRecapitulação - Marcador de PontosPratique por conta própria: Playground de Swift