Pour iOS , le style de liste par défaut ( .automatic) est .insetGrouped.

Le .automaticstyle de liste signifie que nous avons laissé le choix du style dans SwiftUI hand . SwiftUI choisira celui qui convient au contexte.

Cela peut varier en fonction des plates-formes, par exemple, iPhone, iPad, Mac ou même l'endroit où la vue Liste est utilisée.

Styles de liste iOS

SwiftUI prend en charge de nombreux styles qui varient en fonction des plates-formes.

Dans cet article, nous nous concentrerons uniquement sur iOS. Nous avons six options .

1. .automatique
2. .insetGrouped
3. .groupé
4. .encart
5. .plaine
6. .sidebar

SwiftUI prend en charge de nombreux styles qui varient en fonction des plates-formes.

Dans cet article, nous nous concentrerons uniquement sur iOS. Nous avons six options .

1. .automatique
2. .insetGrouped
3. .groupé
4. .encart
5. .plaine
6. .sidebar

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

Comme mentionné précédemment, SwiftUI utilisera le style Inset Grouped lors de la configuration automatique ( .automatic) ou DefaultListStylesur iOS.

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

Exemple d'encart groupé .insetGroupedou InsetGroupedListStyle.

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

      
                

                    
                    
                
            

Exemple de Groupé .groupedou GroupedListStyle.

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

      
                

                    
                    
                
            

Exemple d'encart .insetou InsetListStyle.

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

      
                

                    
                    
                
            

Exemple de Plain .plainou PlainListStyle.

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

      
                

                    
                    
                
            

Le style de barre latérale ( .sidebarou SidebarListStyle) est équipé d'une fonction spéciale . Sur macOS et iOS, le style de liste de la barre latérale affiche des indicateurs de divulgation dans les en-têtes de section qui permettent à l'utilisateur de réduire et de développer des sections .

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