ForEach TextField в SwiftUI - PullRequest
       11

ForEach TextField в SwiftUI

2 голосов
/ 08 марта 2020

Допустим, у меня есть класс Student

class Student: Identifiable, ObservableObject {
    var id = UUID()

    @Published var name = ""
}

, используемый внутри массива в другом классе (называемый Class)

class Class: Identifiable, ObservableObject {
    var id = UUID()

    @Published var name = ""
    var students = [Student()]
}

, который определяется следующим образом: my View.

@ObservedObject var newClass = Class()

Мой вопрос: как я могу создать TextField для каждого Student и правильно связать его со свойством name (без получения ошибок)?

ForEach(self.newClass.students) { student in
    TextField("Name", text: student.name)
}

Прямо сейчас XCode выдает мне следующее:

Cannot convert value of type 'TextField<Text>' to closure result type '_'

Я пытался добавить несколько $ перед вызовом переменных, но, похоже, это не сработало.

1 Ответ

0 голосов
/ 08 марта 2020

Просто измените @Published на @State для свойства имени студента. @State - это тот, который дает вам Binding с префиксом $.

import SwiftUI

class Student: Identifiable, ObservableObject {
  var id = UUID()

  @State var name = ""
}

class Class: Identifiable, ObservableObject {
  var id = UUID()

  @Published var name = ""
  var students = [Student()]
}

struct ContentView: View {
  @ObservedObject var newClass = Class()

  var body: some View {
    Form {
      ForEach(self.newClass.students) { student in
        TextField("Name", text: student.$name) // note the $name here
      }
    }
  }
}

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

В общем, я бы также предложил использовать структуры вместо классов.

struct Student: Identifiable {
  var id = UUID()
  @State var name = ""
}

struct Class: Identifiable {
  var id = UUID()

  var name = ""
  var students = [
    Student(name: "Yo"),
    Student(name: "Ya"),
  ]
}

struct ContentView: View {
  @State private var newClass = Class()

  var body: some View {
    Form {
      ForEach(self.newClass.students) { student in
        TextField("Name", text: student.$name)
      }
    }
  }
}
...