SwiftUI 리스트와 네비게이션

Rio·2021년 7월 11일
0

IOS

목록 보기
10/10

🎢 ListView

  • 수직 목록 형태로 사용자에게 정보를 제공
  • NavigationView, NavigationLink 컴포넌트를 통해 이동 구현
  • 정적 데이터, 동적 데이터 모두 표현 가능
  • 추가, 삭제, 학목 순서 재정렬 확장 가능
  • 리스트 셀은 단 하나의 컴포넌트만 있어야하는 제약 없음
  • 정적으로 리스트 만들기
struct ContentView: View {
    var body: some View {
        ListView()
    }
}

struct ListView : View{
    var body: some View{
        List{
            HStack{
                Image(systemName: "trash.circle.fill")
                Text("Take Out Trash")
            }
            HStack{
                Image(systemName: "person.2.fill")
                Text("Pick Up the Kids")
            }
            HStack{
                Image(systemName: "car.fill")
                Text("Wash the Car")
            }
        }
    }
}

🏖 동적 리스트

  • 동적으로 리스트를 생성하려면 표시될 데이터는 Identifiable 프로토콜을 따르는 클래스 또는 구조체에 포함되어야한다

  • Identifiable 프로토콜을 사용하려면 리스트에서 각 항목을 식별하는 데 사용될 수 있는 id라는 프로퍼티가 객체에 있어야한다

  • UUID() 메서드는 각 항목 마다 고유한 ID를 자동으로 생성하는데 사용

  • Section(header: Text("~~~")){ 뷰어 } : 뷰어들을 감싸 헤더와 푸터가 있는 섹션으로 나눌 수 있다

profile
우당탕탕 개발 기록지

0개의 댓글