각 항목에 대해 반복하기
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 29번째.
ForEach는 컬렉션의 각 요소에 대해 하나의 뷰를 생성합니다:
let fruits = ["Apple", "Banana", "Cherry"]
var body: some View {
VStack {
ForEach(fruits, id: \.self) { fruit in
Text(fruit)
}
}
}클로저는 각 요소를 받아 해당 요소의 뷰를 반환합니다. SwiftUI는 행을 서로 구분할 방법이 필요하므로 id를 요청합니다. id: \.self는 값 자체를 사용하며, 모든 요소가 서로 다를 때 작동합니다.
id 없이 숫자 범위도 사용할 수 있습니다:
ForEach(1..<4) { number in
Text("Row \(number)")
}이는 Row 1, Row 2 및 Row 3을 보여 줍니다. 1..<4는 4 앞에서 멈춥니다.
챌린지
쉬움메뉴 표시: VStack 내부에서 ForEach를 사용하여 drinks의 각 음료마다 순서대로 하나의 Text를 만드세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드