[iOS/SwiftUI] ForEach

ForEach

• array, ranges와 함께 반복 작업을 통해 여러 뷰를 생성할 수 있음
• 클로져를 통해 실행되며 loop의 모든 아이템을 한번씩 순환하게 됨

 

class test {
    init() {
        let titles = ["a", "b", "c", "d", "e"]
        self.loopAllItems(items: titles)
    }
    
    func loopAllItems(items: [String]) {
        items.forEach { print($0) }
    }
}

• ForEach는 기존에 Swift에서 사용한 고차 함수 forEach와 동작과 사용법이 같음

        ScrollView {
            ForEach(0 ..< 100) {
                Text("\($0)")
            }
        }

• ForEach를 사용해서 반복되는 뷰를 간단한 코드로 화면에 그려 줄 수 있음

예시 코드

enum StudentType: String {
    case elementary = "초등학교"
    case middle = "중학교"
    case high = "고등학교"
}

• 학생 타입을 enum으로 관리

    let types: [StudentType] = [.elementary, .middle, .high]
    @State private var selectedType: StudentType = .elementary

• 두 프로퍼티를 생성해 줌. typs는 피커에서 선택할 수 있는 타입. selectedType은 피커에서 선택한 학생의 타입을 저장하는 프로퍼티로 @Sate property wrapper을 사용하여 선언해서 현재 사용자가 선택한 선택값을 저장할 수 있도록 해줌

    var body: some View {
        NavigationView {
            Form {
                Picker("학생의 소속을 선택하세요.", selection: $selectedType) {
                    ForEach(types, id: \.self) {
                        Text($0.rawValue)
                    }
                }
            }
        }
    }

• selectedType이 two binding으로 연결됨
• ForEach를 사용해서 types의 모든 값을 Text View로 반환해 줌
• ForEach의 첫번째 인자는 루프를 돌릴 어레이나 ranges를 전달
• 두 번째 인자인 id는 SwiftUI의 특성 때문에 존재하는 값. 스크린에서 각 뷰는 고유 식별 가능한 id 값을 가져야 하고 변화가 일어날 때 식별이 가능함

 

 

 

참고 사이트

https://www.hackingwithswift.com/books/ios-swiftui/creating-views-in-a-loop