SwiftUI: the List view

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 p…


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com

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:


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com


Print Share Comment Cite Upload Translate Updates
APA

flaviocopes.com | Sciencx (2021-09-22T05:00:00+00:00) SwiftUI: the List view. Retrieved from https://www.scien.cx/2021/09/22/swiftui-the-list-view/

MLA
" » SwiftUI: the List view." flaviocopes.com | Sciencx - Wednesday September 22, 2021, https://www.scien.cx/2021/09/22/swiftui-the-list-view/
HARVARD
flaviocopes.com | Sciencx Wednesday September 22, 2021 » SwiftUI: the List view., viewed ,<https://www.scien.cx/2021/09/22/swiftui-the-list-view/>
VANCOUVER
flaviocopes.com | Sciencx - » SwiftUI: the List view. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/22/swiftui-the-list-view/
CHICAGO
" » SwiftUI: the List view." flaviocopes.com | Sciencx - Accessed . https://www.scien.cx/2021/09/22/swiftui-the-list-view/
IEEE
" » SwiftUI: the List view." flaviocopes.com | Sciencx [Online]. Available: https://www.scien.cx/2021/09/22/swiftui-the-list-view/. [Accessed: ]
rf:citation
» SwiftUI: the List view | flaviocopes.com | Sciencx | https://www.scien.cx/2021/09/22/swiftui-the-list-view/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.