SwiftUI: Parse JSON and create dynamic list

Question

I would like to parse/decode a JSON string and then create a dynamic list.

Example JSON: [{"course":"course1","teacher":"teacherName1"},{"course":"course1","teacher":"teacherName2"}]

My wish:

List {
  HStack {
    Text("course1")
    Spacer()
    Text("teacherName1")
  }
  HStack {
    Text("course2")
    Spacer()
    Text("teacherName2")
  }
}

I've tried it with JSONDecoder() and arrays but Xcode marks my TabView over and over with this message: Cannot convert value of type 'Binding<Int>' to expected argument type 'Binding<_>?'

I'm new to swift, sorry ;)

show us, what did you try! How could somebody to help you with your code, if it is not part of your question? — user3441734
– user3441734, Commented Feb 14, 2020 at 21:02

Natalia Panferova · Accepted Answer · 2020-02-14 21:20:02Z

I made an example that you can follow:

import SwiftUI

let jsonString = """
[{"course":"course1","teacher":"teacherName1"},{"course":"course1","teacher":"teacherName2"}]
"""

let data = jsonString.data(using: .utf8) ?? Data()


struct Course: Codable, Identifiable {

    let id = UUID()
    let course: String
    let teacher: String
}

struct ContentView: View {

    let courses: [Course] = (try? JSONDecoder().decode([Course].self, from: data)) ?? []

    var body: some View {
        List(courses) { course in
            HStack {
                Text(course.course)
                Spacer()
                Text(course.teacher)
            }
        }
    }
}

I made the Course struct confirm to Identifiable as well as Codable so that the List can iterate over the array of courses. Also I defaulted to empty Data and empty courses array in case decoding fails. You could write better error handling here depending on your needs.

Collectives™ on Stack Overflow

SwiftUI: Parse JSON and create dynamic list

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related