SwiftUI) List 개념 예제

예제 코드

 
import SwiftUI
 
struct Animal: Identifiable{
    let id = UUID()
    let name: String
    let index: Int
}
 
struct ContentView: View {
    
    var animalList = [
        Animal(name: "dog", index: 3),
        Animal(name: "dog", index: 1),
        Animal(name: "dog", index: 2),
        Animal(name: "cat", index: 7),
        Animal(name: "cat", index: 5),
        Animal(name: "bird", index: 4),
        Animal(name: "bird", index: 6)
    ]
    
    var animalDictionary: [String:[Animal]]{
        var dictionaryData = Dictionary(grouping: animalList){ $0.name }
        for (key,value) in dictionaryData {
            dictionaryData[key] = value.sorted(by: {
                $0.index < $1.index
            })
        }
        return dictionaryData
    }
    
    var animalDictionaryKeys: [String] {
        animalDictionary.map( { $0.key } )
    }
    
    var body: some View {
        
        List{
            ForEach(animalDictionaryKeys, id: \.self){ key in
                Section(header: Text("\(key)")){
                    ForEach(animalDictionary[key]!){ animal in
                        HStack{
                        Text("\(animal.name)")
                        Text("\(animal.index)")
                        Text("\(animal.id)")
                        }
                    }
                }
            }
        }
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
        }
    }
}
 

 

실행 결과

 

학습 개념

struct Animal : UUID(), identifiable

animalDictionary : sort

List : ForEach 구문, closer 활용, Section 활용