W systemie iOS domyślnym stylem listy ( .automatic) jest .insetGrouped.

Styl listy .automaticoznacza, że ​​pozostawiliśmy wybór stylu w ręce SwiftUI . SwiftUI wybierze ten, który jest odpowiedni dla kontekstu.

Może się to różnić w zależności od platformy, np. iPhone, iPad, Mac, a nawet miejsca, w którym używany jest widok listy.

Style listy iOS

SwiftUI obsługuje wiele stylów, które różnią się w zależności od platformy.

W tym artykule skupimy się tylko na systemie iOS. Mamy sześć opcji .

1. .automatyczny
2. .wstawZgrupowane
3. zgrupowane
4. .wstawka
5. .zwykły
6. .Pasek boczny

SwiftUI obsługuje wiele stylów, które różnią się w zależności od platformy.

W tym artykule skupimy się tylko na systemie iOS. Mamy sześć opcji .

1. .automatyczny
2. .wstawZgrupowane
3. zgrupowane
4. .wstawka
5. .zwykły
6. .Pasek boczny

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)
}

Jak wspomniano wcześniej, SwiftUI użyje stylu Inset Grouped podczas ustawiania automatycznego ( .automatic) lub DefaultListStylew systemie iOS.

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

Przykład zgrupowanych wstawek .insetGroupedlub InsetGroupedListStyle.

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

      
                

                    
                    
                
            

Przykład grupowania .groupedlub GroupedListStyle.

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

      
                

                    
                    
                
            

Przykład wstawki .insetlub InsetListStyle.

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

      
                

                    
                    
                
            

Przykład zwykłego .plainlub PlainListStyle.

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

      
                

                    
                    
                
            

Styl paska bocznego ( .sidebarlub SidebarListStyle) jest wyposażony w specjalną funkcję . W systemach macOS i iOS styl listy paska bocznego wyświetla wskaźniki ujawnienia w nagłówkach sekcji , które umożliwiają użytkownikowi zwijanie i rozwijanie sekcji .

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