ForEach
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 29 de 50.
ForEach cria uma visualização para cada elemento de uma coleção:
let fruits = ["Apple", "Banana", "Cherry"]
var body: some View {
VStack {
ForEach(fruits, id: \.self) { fruit in
Text(fruit)
}
}
}O closure recebe cada elemento e retorna sua view. O SwiftUI precisa de uma forma de diferenciar as linhas, então solicita um id. id: \.self usa o próprio valor, o que funciona quando cada elemento é diferente.
Um intervalo de números também funciona, sem id:
ForEach(1..<4) { number in
Text("Row \(number)")
}Isso mostra Row 1, Row 2 e Row 3: 1..<4 para antes de 4.
Desafio
FácilExiba o menu: dentro do VStack, use ForEach para criar um Text para cada bebida em drinks, na ordem.
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