SwiftUI Fetch JSON Data into List

SwiftUI Fetch JSON Data into List

In this tutorial a list of todo items will be fetched and displayed in a List. url https://jsonplaceholder.typicode.com/todos

JSON

[

{

"userId": 1,

"id": 1,

"title": "delectus aut autem",

"completed": false

},

{

"userId": 1,

"id": 2,

"title": "quis ut nam facilis et officia qui",

"completed": false

},

{

"userId": 1,

"id": 3,

"title": "fugiat veniam minus",

"completed": false

},

etc.

ContentView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

// //  ContentView.swift //  swiftuidev // //  Created by Cairocoders //   import SwiftUI   struct ContentView: View {           @ObservedObject var fetch = FetchToDo()           var body: some View {         VStack {             List(fetch.todos) { todo in                 VStack(alignment: .leading) {                     Text(todo.title)                     Text("\(todo.completed.description)") // print boolean                         .font(.system(size: 11))                         .foregroundColor(Color.gray)                 }             }         }     } }   class FetchToDo: ObservableObject {   @Published var todos = [Todo]()            init() {         let url = URL(string: "https://jsonplaceholder.typicode.com/todos")!         URLSession.shared.dataTask(with: url) {(data, response, error) in             do {                 if let todoData = data {                     let decodedData = try JSONDecoder().decode([Todo].self, from: todoData)                     DispatchQueue.main.async {                         self.todos = decodedData                     }                 } else {                     print("No data")                 }             } catch {                 print("Error")             }         }.resume()     } }   struct Todo: Codable, Identifiable {     public var id: Int     public var title: String     public var completed: Bool }   struct ContentView_Previews: PreviewProvider {     static var previews: some View {         ContentView()     } }