iOS의 경우 기본 목록 스타일( .automatic)은 입니다 .insetGrouped.

목록 .automatic스타일은 우리가 SwiftUI 손에 스타일 선택을 남겼다는 것을 의미합니다 . SwiftUI는 컨텍스트에 적합한 것을 선택합니다.

이는 플랫폼(예: iPhone, iPad, Mac) 또는 목록 보기가 사용되는 장소에 따라 다를 수 있습니다.

iOS ListStyles

SwiftUI는 플랫폼에 따라 다양한 스타일을 지원합니다.

이 기사에서는 iOS에만 초점을 맞출 것입니다. 여섯 가지 옵션이 있습니다 .

1. .자동적 인
2. .insetGrouped
3. .그룹화
4. .inset
5. .솔직한
6. .사이드바

SwiftUI는 플랫폼에 따라 다양한 스타일을 지원합니다.

이 기사에서는 iOS에만 초점을 맞출 것입니다. 여섯 가지 옵션이 있습니다 .

1. .자동적 인
2. .insetGrouped
3. .그룹화
4. .inset
5. .솔직한
6. .사이드바

NavigationStack {
    List {
        Section {
            Text("First")
            Text("Second")
            Text("Third")
        } header: {
            Text("First Section Header")
        } footer: {
            Text("Eos est eos consequatur nemo autem in qui rerum cumque consequatur natus corrupti quaerat et libero tempora.")
        }
        
        Section {
            Text("One")
            Text("Two")
            Text("Three")
        } header: {
            Text("Second Section Header")
        } footer: {
            Text("Tempora distinctio excepturi quasi distinctio est voluptates voluptate et dolor iste nisi voluptatem labore ipsum blanditiis sed sit suscipit est.")
        }
        
        Section {
            Text("1")
            Text("2")
            Text("3")
        } header: {
            Text("Third Section Header")
        } footer: {
            Text("Ea consequatur velit sequi voluptatibus officia maiores ducimus consequatur rerum enim omnis totam et voluptates eius consectetur rerum dolorem quis omnis ut ut.")
        }
    }
    .navigationTitle("List Style")
    // This is the only difference.
    .listStyle(.insetGrouped)
}

앞에서 언급했듯이 SwiftUI는 자동( )을 설정할 때 또는 iOS에서 Inset Grouped 스타일을 사용합니다 ..automaticDefaultListStyle

List {
    // ...
}
// Leave blank or .listStyle(.automatic) yield the same result in iOS.
.listStyle(.automatic)

인셋 그룹화 .insetGrouped또는 InsetGroupedListStyle.

List {
    // ...
}
.listStyle(.insetGrouped)

      
                

                    
                    
                
            

그룹화 .grouped또는 GroupedListStyle.

List {
    // ...
}
.listStyle(.grouped)

      
                

                    
                    
                
            

삽입 .inset또는 InsetListStyle.

List {
    // ...
}
.listStyle(.inset)

      
                

                    
                    
                
            

일반 .plain또는 PlainListStyle.

List {
    // ...
}
.listStyle(.plain)

      
                

                    
                    
                
            

사이드바 스타일( .sidebar또는 )에는 특수 기능이SidebarListStyle 장착되어 있습니다 . macOS 및 iOS에서 사이드바 목록 스타일은 사용자가 섹션을 접고 펼칠 수 있도록 섹션 헤더 에 공개 표시기를 표시합니다 .

List {
    // ...
}
.listStyle(.sidebar)