NavigationLink 中的 List var 在 SwiftUI 中是什么意思

问题描述

以下是我的简单 contentView 的代码

struct ContentView: View {
    @State private var selection = 1;
    @State private var addFood = false;
    var listItems = [
        Food(name: "List Item One"),Food(name: "List Item Two")
    ]
    var body: some View {
        TabView(selection: $selection) {
            NavigationView {
                List(listItems){
                    food in NavigationLink(destination: FoodView(selec: selection)) {
                        Text(food.name)
                    }
                }.navigationBarTitle(Text("Fridge Items"),displayMode: .inline)
                .navigationBarItems(trailing:
                                        NavigationLink(destination: FoodView(selec: selection)) {
                                            Image(systemName: "plus.circle").resizable().frame(width: 22,height: 22)
                                        } )
            }
            .tabItem {
                Image(systemName: "house.fill")
                Text("Home")
            }
            .tag(1)
            
            
            Text("random tab")
                .font(.system(size: 30,weight: .bold,design: .rounded))
                .tabItem {
                    Image(systemName: "bookmark.circle.fill")
                    Text("profile")
                }
                .tag(0)
        }
        
    }
    
    
    
}

struct FoodView: View{
    var selec: Int?
    var body: some View{
        NavigationView{
            Text("food destination view \(selec!)");
        }
    }
}

我遵循一些教程来达到这一点。但是，我对语法感到困惑

List(listItems){
                    food in NavigationLink(destination: FoodView(selec: selection)) {
                        Text(food.name)
                    }

上面这行是什么意思？我的猜测是我们列出我们拥有的物品，然后为我们拥有的每一种食物，我们为它们添加一个导航链接。但是，这是我的猜测，我想知道这背后的真正语法。我已经阅读了关于 List 的文档，也阅读了关于 swift 语法的官方文档。我没有发现任何有用的东西。我一开始以为是闭包，结果发现还是有区别的。 任何人都可以帮忙。

解决方法

List 是一个结构体，它是一个视图，它在初始化时以一个闭包作为参数。

你可以把这个闭包想象成一个函数，所以这个函数有点像这样。

func ImagineFunc(item: YourItem) -> YourRowContent { //这里有一些代码 返回 YourRowContent }

注意：以上功能仅供说明。没有这样的类型。

所以，当 ListView 想要创建它的行之一时，List 调用这个给定的闭包（imagineFunc）并获得一个 RowContent/row 视图。

根据您的代码，当列表视图调用给定的闭包（对于每一行）时，您返回了一个 NavigationLink（您可以将其想象为一个按钮，当它在导航视图中时可以导航到另一个视图）。这样每一行都成为您列表中的一个导航链接。