SwiftUI: the List view

Join the 2022 Full-Stack Web Dev Bootcamp!

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 {

And here’s GroupedListStyle:

List {

Here’s SidebarListStyle:

Want to become a better Web Developer? Join the 2022 Web Development Bootcamp!

⭐️⭐️⭐️ Join the 2022 Web Development Bootcamp ⭐️⭐️⭐️