SwiftUI: How to use a binding variable inside a ListView - swiftui

Question

I'm trying to use a ListView to show TextFields where the user can input a name using a binding variable. But I'm getting an error.
This coding showing an single person works:
import SwiftUI
struct Person {
var firstName: String
var lastName: String
}
class People: ObservableObject {
#Published var people = [
Person(firstName: "Joe", lastName: "Smith"),
Person(firstName: "George", lastName: "Todd"),
Person(firstName: "Emily", lastName: "Wallace"),
Person(firstName: "Jeffrey", lastName: "Dodd"),
Person(firstName: "Donny", lastName: "Joseph"),
Person(firstName: "Mark", lastName: "Ryan"),
Person(firstName: "Cindy", lastName: "Geller"),
Person(firstName: "Teresa", lastName: "Kelly"),
]
}
struct Basic: View {
#ObservedObject var people = People()
var body: some View {
VStack {
Text("My name is \(people.people[1].firstName) \(people.people[1].lastName)")
HStack {
TextField("First name", text: $people.people[1].firstName)
TextField("Last name", text: $people.people[1].lastName)
}
}
.padding()
}
}
But when I try to make this coding into a list, I get errors. Here is the coding I'm using:
struct Person {
var firstName: String
var lastName: String
}
class People: ObservableObject {
#Published var people = [
Person(firstName: "Joe", lastName: "Smith"),
Person(firstName: "George", lastName: "Todd"),
Person(firstName: "Emily", lastName: "Wallace"),
Person(firstName: "Jeffrey", lastName: "Dodd"),
Person(firstName: "Donny", lastName: "Joseph"),
Person(firstName: "Mark", lastName: "Ryan"),
Person(firstName: "Cindy", lastName: "Geller"),
Person(firstName: "Teresa", lastName: "Kelly"),
]
}
struct InListView: View {
#ObservedObject var people = People()
var body: some View {
List(people.people, id:\.firstName) { name in
VStack {
Text("My name is \(name.firstName) \(name.lastName)")
HStack {
TextField("First name", text: $name.firstName)
TextField("Last name", text: $name.lastName)
}
}
.padding()
}
}
}
The errors occur on the two TextFields. The error says "Cannot find '$name' in scope".
How can I use a binding variable inside a ListView?
Thank you.

Answer 1

Here's a possible solution
struct InListView: View {
#ObservedObject var people = People()
var body: some View {
List(0..<people.people.count, id:\.self) { i in
VStack {
Text("My name is \(people.people[i].firstName) \(people.people[i].lastName)")
HStack {
TextField("first name", text: $people.people[i].firstName)
TextField("first name", text: $people.people[i].lastName)
}
}
.padding()
}
}
}