SwiftUI: the List view

By Flavio Copes

Learn how to use the List view in SwiftUI to show data in rows, group items with the Section view, and change its look with the listStyle modifier.

The List view is one of the most useful views you’ll use in SwiftUI.

List {
            
}

Inside it, you can put a series of views, like Text for example:

See? List recognizes the Text child view, and puts it inside a row.

You can put more than one, and each child of List will be put on its own row:

Inside a list, you can group items using the Section view, like this:

The listStyle() modifier of List can let you customize the List appearance, using

• InsetGroupedListStyle
• InsetListStyle

• SidebarListStyle
• GroupedListStyle
• PlainListStyle

For example here’s InsetGroupedListStyle:

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

And here’s GroupedListStyle:

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

Here’s SidebarListStyle:

Related posts about swift: