需要帮助使 NavigationLink 在 SwiftUI 中工作答案

【问题标题】：Need help getting NavigationLink to work in SwiftUI需要帮助使 NavigationLink 在 SwiftUI 中工作
【发布时间】：2020-12-16 21:42:27
【问题描述】：

我目前正在通过www.hackingwithswift.com 学习 Swift 和 SwiftUI 我目前正在进行编码练习，无法让我的 ContentView 使用 NavigationLink 链接到不同的 SwiftUI 视图。

如果我用一些随机文本替换我的目的地，它会起作用。当我尝试将我的 SwiftUI 视图作为目标插入时，代码会中断。我看了一个又一个视频，我不明白为什么我的代码不起作用。下面是我的 ContentView 代码以及 SwiftUI 视图（名为：UserView.swift）。我认为它与 UserView_Previews 有关，但我不确定。任何帮助/想法/建议将不胜感激！

内容查看代码

struct ContentView: View {
    @State private var results = [User]()
    
    var body: some View {
        NavigationView {
            List(results, id: \.id) {item in
                NavigationLink(destination: UserView(results: results)) {
                    VStack(alignment: .leading) {
                        Text(item.name)
                            .font(.headline)
                        Text("Age: \(item.age)")
                            .foregroundColor(Color.red)
                    }
                }
            }
        .onAppear(perform: loadData)
        }
    }
    
    func loadData() {
        guard let url = URL(string: "https://www.hackingwithswift.com/samples/friendface.json") else {
            print("Invalid URL")
            return
        }
        
        let request = URLRequest(url: url)
        
        URLSession.shared.dataTask(with: request) { data, response, error in
            if let data = data {
                DispatchQueue.main.async {
                    do {
                        self.results = try JSONDecoder().decode([User].self, from: data)
                    } catch {
                        print(error)
                    }
                }
            }
        }.resume()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

UserView.swift

import SwiftUI

struct UserView: View {
    let results: User
    
    var body: some View {
        ScrollView(.vertical) {
            VStack {
                Text(results.email)
                    .font(.headline)
                Text(results.address)
                
            }
        }
    }
}

struct UserView_Previews: PreviewProvider {
    static let results = User(id: "123", isActive: true, name: "Cody", age: 34, company: "Some Company", email: "Some Email", address: "Some Address", about: "About Me", registered: "Yes", tags: ["1", "2"], friends: [User.Friend(id: "456", name: "Some Friend Name")])
    
    static var previews: some View {
        UserView(results: results)
    }
}

UserFile.swift 这是构建我的用户结构

import Foundation

struct User: Codable, Identifiable {
    let id: String
    let isActive: Bool
    let name: String
    let age: Int
    let company: String
    let email: String
    let address: String
    let about: String
    let registered: String
    let tags: [String]
    let friends: [Friend]
    
    struct Friend: Codable {
        let id: String
        let name: String
    }
}

【问题讨论】：

标签： swift swiftui swiftui-navigationlink

【解决方案1】：

您的List 正在迭代results，即[User]，所以item 是一个User，应该传递给UserView()，它需要一个User，而不是数组Users.

var body: some View {
    NavigationView {
        List(results, id: \.id) { item in
            NavigationLink(destination: UserView(results: item)) { // here
                VStack(alignment: .leading) {
                    Text(item.name)
                        .font(.headline)
                    Text("Age: \(item.age)")
                        .foregroundColor(Color.red)
                }
            }
        }
    .onAppear(perform: loadData)
    }
}

我认为它与 UserView_Previews 有关，但我不确定。

User_Previews 只是单元测试数据，允许您在 Xcode 的预览窗格中测试您的User View。构建时不使用它。

【讨论】：