使用 Codable 解碼 JSON，然后填充我的 SwiftUI

Question

我是 Swift 和 SwiftUI 的新手。 我目前正在通過 hackingwithswift.com 自學如何編碼（喜歡它！）我目前在第 60 天，我被困住了，不知道從這里開始做什么。

挑戰是使用 Codable 解碼一些信息並填充 SwiftUI。

我創建了一個結構來匹配 JSON，但是當我去運行應用程序時，我不斷收到錯誤“獲取失敗：未知錯誤”，因此我的 UI 不會更新。

有人會看一下我的代碼並提供有關我出錯的地方以及可能的原因的任何指示嗎？ 非常感謝您的任何建議和幫助，非常感謝！ 代碼貼在下面。

科迪

import SwiftUI

struct Response: Codable {
    var results: [User]
}

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]
    
    struct FriendRole: Codable {
        let id: String
        let name: String
    }
    
    let friend: [FriendRole]
    
}

struct ContentView: View {
    @State private var results = [User]()
    
    var body: some View {
        List(results, id: \.id) { item in
            VStack(alignment: .leading) {
                Text(item.name)
                    .font(.headline)
                Text(item.address)
            }
        }
    .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 {
                if let decodedResponse = try? JSONDecoder().decode(Response.self, from: data) {
                    DispatchQueue.main.async {
                        self.results = decodedResponse.results
                    }
                    return
                }
            }
            print("Fetch Failed: \(error?.localizedDescription ?? "Unkown Error").")
        }.resume()
    }
}

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

Answer 1

我也是 swiftUI 的新手，這就是我如何通過使用 Observable Objects 使其工作

這是結構因為在 json 文件中有一個 [ 在一開始你不必創建一個具有用戶數組的結構你可以創建一個結構然后創建一個該結構類型的變量作為一個數組

這是我如何做到的

例如，我為結構創建了單獨的文件，我為它們創建了不同的文件

這是我的結構文件

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 = [Friends]()
}


struct Friends : Codable {
    let id : String
    let name : String
}

我為 observable 對象類創建了另一個文件

class JsonChannel : ObservableObject {
    @Published var retVal = [User]()
    func getInfo () {
        guard let url = URL(string: "https://www.hackingwithswift.com/samples/friendface.json") else {return}
        URLSession.shared.dataTask(with: url) { (data, resp, err) in
            if let data = data {
                DispatchQueue.main.async {
                    do {
                        self.retVal = try JSONDecoder().decode([User].self, from: data)
                    }
                    catch {
                        print(error)
                    }
                }
            }
        }.resume()
    }
}

這是我的 contentView 文件

import SwiftUI

struct ContentView : View {
    @ObservedObject var info = JsonChannel()
    var body: some View {
        VStack {
            Button(action: {
                self.info.getInfo()
            }) {
                Text("click here to get info")
            }
            List {
                ForEach (self.info.retVal) { item in
                    VStack {
                        Text("\(item.name)")
                        Text("\(item.address)")
                    }
                    
                }
            }
        }
    }
}

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