SwiftUI ListView 3 - 그룹화

리스트뷰에서 아이템들을 그룹화하는 방법

 

 

import SwiftUI

 

struct Post:Identifiable {

    let id = UUID()

    let title:String

    let comments: [Comment]

}

 

struct Comment:Identifiable{

    let id = UUID()

    let title:String

}

 

struct ContentView: View {

    

let posts = [Post(title: "Post #1", comments: [Comment(title: "Comment 1 for Post1"), Comment(title: "Comment 2 for Post1")]), Post(title: "Post #2", comments: [Comment(title: "Comment 1 for Post2"), Comment(title: "Comment2 for Post2")])]

    

 

//Post #1 그룹내에 Comment 1, Comment2 , Post #2 그룹내에 Comment 1, Comment2

 

    var body: some View {

        List{

            

            ForEach(posts){ post in

                Section(header: Text(post.title)){

                    ForEach(post.comments){ comment in

                        Text(comment.title)

                        

                    }

                    

                }

                

            }

            

        }.listStyle(GroupedListStyle())

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}