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 { // 一些代码放在这里 return YourRowContent }

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章