【SwiftUI】Listでリストを表示する方法を解説

Listの実装

基本的な実装

Listを使用し、Viewをリスト表示するには、以下のように実装します。

List {
　　View
　　View
　　...
}

{}内に、リスト表示させたいViewを実装します。

各行毎に、自由にViewを実装できます。行の高さはViewに合わせて自動で変化します。

範囲指定による一括実装

範囲を指定して、リストを一括実装するには、以下のように実装します。

List(範囲) {
    View
}

「範囲」の部分には、0..<5のようにして、繰り返す範囲を指定します。

先ほどのサンプルとは違い、一括でリストを実装できますが、各行を共通のViewで実装することになります。

{}内では、$0で、indexを取得することができます。

配列の要素全てをリスト表示する

最後に、配列の要素全てをリスト表示する方法を紹介致します。配列のリスト化は、以下のように実装します。

List(配列, id: \.self) { item in
    View
}

第１引数には配列を指定します。第２引数のid: には、該当要素を識別するidを指定するのですが、String型の場合、.selfを指定することができます。

{}内では、各要素を引数で受け取れます。

以上、Listでリストを表示する方法についてでした。