iOS için varsayılan liste stili ( .automatic) .insetGrouped.

Liste .automaticstili, stil seçimini SwiftUI elinde bıraktığımız anlamına gelir . SwiftUI, bağlama uygun olanı seçecektir.

Bu, iPhone, iPad, Mac gibi platformlara ve hatta Liste görünümünün kullanıldığı yere göre değişiklik gösterebilir.

iOS Liste Stilleri

SwiftUI, platformlara göre değişen birçok stili destekler.

Bu yazıda sadece iOS üzerinde duracağız. Altı seçeneğimiz var .

1. .otomatik
2. .insetGrouped
3. .gruplanmış
4. .inset
5. .ova
6. .kenar çubuğu

SwiftUI, platformlara göre değişen birçok stili destekler.

Bu yazıda sadece iOS üzerinde duracağız. Altı seçeneğimiz var .

1. .otomatik
2. .insetGrouped
3. .gruplanmış
4. .inset
5. .ova
6. .kenar çubuğu

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

Daha önce bahsedildiği gibi, SwiftUI otomatik ( ) ayarı yapılırken veya iOS'ta Gruplanmış Grup stilini kullanacaktır ..automaticDefaultListStyle

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

Örnek Gruplandırılmış .insetGroupedveya InsetGroupedListStyle.

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

      
                

                    
                    
                
            

.groupedGruplanmış veya örneği GroupedListStyle.

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

      
                

                    
                    
                
            

Örneği Ek .insetveya InsetListStyle.

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

      
                

                    
                    
                
            

.plainDüz veya örneği PlainListStyle.

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

      
                

                    
                    
                
            

Kenar çubuğu stili ( .sidebarveya ) özelSidebarListStyle bir işlevle donatılmıştır . macOS ve iOS'ta, kenar çubuğu liste stili, bölüm başlıklarında kullanıcının bölümleri daraltmasına ve genişletmesine olanak tanıyan açıklama göstergelerini görüntüler .

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