SwiftUI Form

황인성·2025년 2월 16일

iOS

목록 보기
9/24
post-thumbnail

  • Form은 자동으로 그룹화된 리스트 스타일 적용
  • VStack과 다르게 기본적으로 Grouped List 스타일을 사용해서 설정 화면처럼 보임, 내부 컴포넌트 간 간격 조정
  • Form 내부에 TextField, Toggle, DatePicker 등을 배치하면 적절한 간격과 스타일이 자동 적용됨.
  • iOS 설정 앱과 비슷한 UI 구성
struct Form: View {
    var body: some View {
        Form {
            Section(header: Text("First Section Header")) {
                Text("Hello")
                Text("Hello")
                Text("Hello")
                Text("Hello")
                Text("Hello")
                Text("Hello")
                Text("Hello")
                Text("Hello")
                DisclosureGroup(
                    content: { Text("This Is The Content") },
                    label: { Text("Click to Open") }
)
            }
            
            Text("Hello")
            Text("Hello")
            Text("Hello")
            Text("Hello")
            Text("Hello")
            Text("Hello")
        }
    }
}

Form을 사용했을때

VStack을 사용했을때

profile
iOS, Spring developer

0개의 댓글