ListStyle di Swift UI
Untuk iOS , gaya daftar standar ( .automatic
) adalah .insetGrouped
.
Gaya .automatic
daftar 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 .
- .otomatis
- .insetGrouped
- .dikelompokkan
- .sisipan
- .polos
- .sidebar
SwiftUI mendukung banyak gaya yang bervariasi berdasarkan platform.
Pada artikel ini, kami hanya akan fokus pada iOS. Kami memiliki enam pilihan .
- .otomatis
- .insetGrouped
- .dikelompokkan
- .sisipan
- .polos
- .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 DefaultListStyle
di iOS.
List {
// ...
}
// Leave blank or .listStyle(.automatic) yield the same result in iOS.
.listStyle(.automatic)
Contoh Inset Dikelompokkan .insetGrouped
atau InsetGroupedListStyle
.
List {
// ...
}
.listStyle(.insetGrouped)
Contoh Dikelompokkan .grouped
atau GroupedListStyle
.
List {
// ...
}
.listStyle(.grouped)
Contoh Inset .inset
atau InsetListStyle
.
List {
// ...
}
.listStyle(.inset)
Contoh Polos .plain
atau PlainListStyle
.
List {
// ...
}
.listStyle(.plain)
Gaya sidebar ( .sidebar
atau 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)