How to add sections to a list

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-add-sections-to-a-list]

 

How to add sections to a list

 

SwiftUI의 list 뷰는 UIKit에 있는 UItableView 처럼, 섹션(section)과 섹션 헤더(section headers)를 기본적으로 지원합니다. 일부 셀 주변에 섹션을 추가하기 위해서, Section을 배치하는 것으로 시작해서, header와 footer를 추가할 수 있습니다.

 

예제처럼, 리마인더(reminders) 앱에 대한 작업 데이터가 포함된 행(row)입니다.

struct TaskRow: View {
    var body: some View {
        Text("Task data goes here")
    }
}

 

하고 싶은 일은 2개의 섹션을 가진 list 뷰를 만드는 것입니다: 중요한 작업과 덜 중요한 작업입니다. 다음과 같습니다.

struct ContentView: View {
    var body: some View {
        List {
            Section(header: Text("Important tasks")) {
                TaskRow()
                TaskRow()
                TaskRow()
            }

            Section(header: Text("Other tasks")) {
                TaskRow()
                TaskRow()
                TaskRow()
            }
        }
    }
}

 

다음과 같이, 섹션에 footer 텍스트를 추가할 수도 있습니다.

Section(header: Text("Other tasks"), footer: Text("End")) {
    TaskRow()
    TaskRow()
    TaskRow()
}