ListStyle di Swift UI

May 08 2023
Untuk iOS, gaya daftar default (.automatic ) adalah .

Untuk iOS , gaya daftar standar ( .automatic) adalah .insetGrouped.

Gaya .automaticdaftar berarti kami meninggalkan pilihan gaya di tangan SwiftUI . SwiftUI akan memilih salah satu yang sesuai dengan konteksnya.

Ini mungkin berbeda berdasarkan platform, misalnya, iPhone, iPad, Mac, atau bahkan tempat di mana tampilan Daftar digunakan.

Daftar Gaya iOS

SwiftUI mendukung banyak gaya yang bervariasi berdasarkan platform.

Pada artikel ini, kami hanya akan fokus pada iOS. Kami memiliki enam pilihan .

  1. .otomatis
  2. .insetGrouped
  3. .dikelompokkan
  4. .sisipan
  5. .polos
  6. .sidebar

SwiftUI mendukung banyak gaya yang bervariasi berdasarkan platform.

Pada artikel ini, kami hanya akan fokus pada iOS. Kami memiliki enam pilihan .

  1. .otomatis
  2. .insetGrouped
  3. .dikelompokkan
  4. .sisipan
  5. .polos
  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)
}

Seperti disebutkan sebelumnya, SwiftUI akan menggunakan gaya Inset Grouped saat menyetel otomatis ( .automatic) atau DefaultListStyledi iOS.

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

Contoh Inset Dikelompokkan .insetGroupedatau InsetGroupedListStyle.

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

      
                

Contoh Dikelompokkan .groupedatau GroupedListStyle.

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

      
                

Contoh Inset .insetatau InsetListStyle.

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

      
                

Contoh Polos .plainatau PlainListStyle.

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

      
                

Gaya sidebar ( .sidebaratau SidebarListStyle) dilengkapi dengan fungsi khusus . Di macOS dan iOS, gaya daftar sidebar menampilkan indikator pengungkapan di header bagian yang memungkinkan pengguna menciutkan dan meluaskan bagian .

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