SwiftUI：列表視圖

列表（List）視圖是在SwiftUI中最常用的視圖之一。

1
2
3

List {
 
}

在其內部，您可以放置一系列的視圖，例如Text：

看到了嗎？List識別出Text子視圖，並將其放在一行中。

您可以放置多個子視圖，每個List的子視圖將被放在自己的行中：

在列表中，您可以使用Section（選項卡）視圖將項目分組，就像這樣：

List的listStyle()修飾符可以讓您自定義列表的外觀，包括：

例如，這是InsetGroupedListStyle：

1
2
3

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

這是GroupedListStyle：

1
2
3

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

這是SidebarListStyle：

tags: [“SwiftUI”, “List view”, “UI customization”]