swiftのlistについての質問

Question

https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation

上記のサイトのセクション5の

List(landmarkData, id: .id) { landmark in
LandmarkRow(landmark: landmark)
}

というコードの意味がわかりません。初心者で申し訳ないんですが、できれば詳細に説明してもらえると助かります。

LandmarkRow(landmark: landmark)
の部分がよくわかりません。
1.landmarkが二つあるが、それぞれの意味(どちらが引数なのかとか)
2.なぜこのコードでLowが複数表示できるのか

Answer 1

飛躍がないように心がけて書きます。わからないところがあれば返信してください。
このチュートリアルを取り組む上ではSwiftUIの良さの一つである「抽象的に書くことで汎用性が高まる」ということを念頭におくといいと思います。

1行目のListはリスト表示するためのビューの名前です。これは良いと思います。
landmarkDataはlet landmarkData: [Landmark] = load("landmarkData.json")と定義されています。（見つからない時は????で検索できます。）
これをみると[landmark]型で、json形式のファイルを読み込むものということがわかると思います。
ここでさらにlandmarkというものを見ると

struct Landmark: Hashable, Codable, Identifiable {
    var id: Int
    var name: String
    fileprivate var imageName: String
    fileprivate var coordinates: Coordinates
    var state: String
    var park: String
    var category: Category
    var isFavorite: Bool
    var isFeatured: Bool

    var locationCoordinate: CLLocationCoordinate2D {
        CLLocationCoordinate2D(
            latitude: coordinates.latitude,
            longitude: coordinates.longitude)
    }

    enum Category: String, CaseIterable, Codable, Hashable {
        case featured = "Featured"
        case lakes = "Lakes"
        case rivers = "Rivers"
        case mountains = "Mountains"
    }
}

と定義されています。これが何を表しているのか理解するためには、jsonファイルとこのlandmarkを見比べてみてください。

idは順番を揃えるために必要なものです。大抵id: .selfなどですが、このjsonファイルにはidという情報があるので、その順番になるようになっています。

次にlandmark in のlandmarkですが、これは引数名なので、landmarkである必然性はないです。試しにlandmark全部aaaaに変えてみてください。

最後にLandmarkRow(landmark: landmark)のLandmarkはリストに並べるものです。
Landmarkには

struct LandmarkRow: View {
    var landmark: Landmark

とあり、呼び出す時にはlandmarkを指定する必要があるので、指定しています。
LandmarkRowのプレビューでは２つだけ並んでいます。これを全部並べるには...と考えるとわかりやすいと思います。

長くなりましたが、以上です。

Comments

[sakura.k]

LandmarkRow(landmark: landmark)
の部分がよくわかりません。
1.landmarkが二つあるが、それぞれの意味(どちらが引数なのかとか)
2.なぜこのコードでLowが複数表示できるのか
初心者で申し訳ありません。

[Hyperbolic4183]

1
一つ目のlandmarkは引数名です。Landmarkで定義されています。
二つ目のlandmarkは引数です。
2
ForEach(userData.landmarks)によって要素の数だけ表示されるようになっています。