| < How to set the background color of list rows using listRowBackground() | How to create expanding lists > |
How to create grouped and inset grouped lists
Updated for Xcode 12.5
Updated in iOS 14
SwiftUI’s List views have a listStyle() modifier to control how the list looks, and there are two options you’re likely to want: GroupedListStyle() to get the old-style grouping of items, and InsetGroupedListStyle() to get the newer iOS 13-style grouping of items.
For example, this defines an example row and places it inside a grouped list:
struct ExampleRow: View {
var body: some View {
Text("Example Row")
}
}
struct ContentView: View {
var body: some View {
List {
Section(header: Text("Examples")) {
ExampleRow()
ExampleRow()
ExampleRow()
}
}
.listStyle(GroupedListStyle())
}
}Alternatively, this will create a list of 100 rows with the new inset style of grouping:
List(0..<100) { i in
Text("Row \(i)")
}
.listStyle(InsetGroupedListStyle())
SPONSORED ViRE offers discoverable way of working with regex. It provides really readable regex experience, code complete & cheat sheet, unit tests, powerful replace system, step-by-step search & replace, regex visual scheme, regex history & playground. ViRE is available on Mac & iPad.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
