SwiftUI - удаление элементов в Binding Array вызывает ошибки
Я разрабатываю приложение (с использованием Xcode 11.3.1, целевое устройство: iPad) для инженеров нашей компании, чтобы они могли сообщать о своей работе. Часть приложения должна быть редактируемым списком частей, которые они использовали.
Я воспроизвел механизмы, которые пытаюсь реализовать (наблюдаемый объект /@Binding и т. Д.), В простом тестовом проекте "Список людей" (полный код проекта ниже).
Я все еще пытаюсь изучить SWiftUI, поэтому я, вероятно, сделал что-то глупое в своем коде.
Задача здесь - создать динамический список с редактируемыми полями. При предварительном просмотре кода кажется, что он работает идеально, однако после удаления элементов все начинает идти не так. (Удаление последнего элемента вызывает "Неустранимая ошибка: индекс вне допустимого диапазона".
Если вы добавляете новые элементы после удаления некоторых, новые элементы имеют пустые текстовые поля и не редактируются.
Я был бы очень признателен за любую помощь, которую кто-нибудь может предложить.
import SwiftUI
struct EditView: View {
@Binding var person:Person
var body: some View {
HStack{
Group{
TextField("name1", text: $person.name1)
TextField("name2", text: $person.name2)
}.frame(width:150)
.font(.headline)
.padding(.all, 3)
.overlay(RoundedRectangle(cornerRadius: 4).stroke(Color.blue, lineWidth: 1))
}
}
}
struct Person:Identifiable, Equatable{
var id:UUID
var name1:String
var name2:String
}
class PersonList: ObservableObject {
@Published var individuals = [Person]()// Array of Person structs
}
struct ContentView: View {
@ObservedObject var people = PersonList()// people.individuals = [Person] array
@State private var edName1:String = "" //temporary storage for adding new member
@State private var edName2:String = "" //temporary storage for adding new member
var elementCount:Int{
let c = people.individuals.count
return c
}
// arrays for testing - adds random names from these (if input field '1st name' is empty)...
var firstNames = ["Nick","Hermes","John","Hattie","Nicola","Alan", "Dwight", "Richard"]
var surnames = ["Fury","Smith","Jones","Hargreaves","Bennylinch", "Davidson","Lucas","Partridge"]
var body: some View {
NavigationView{
VStack{
HStack{
Text("Add person:")
.padding(.all, 5)
.frame(alignment: .leading)
TextField("1st name", text: $edName1)
.frame(width:150)
.padding(.all, 5)
.overlay(RoundedRectangle(cornerRadius: 8).stroke(Color.blue, lineWidth: 2))
TextField("2nd name", text: $edName2)
.frame(width:150)
.padding(.all, 5)
.overlay(RoundedRectangle(cornerRadius: 8)
.stroke(Color.blue, lineWidth: 2))
// Button...
Image(systemName: "plus.square")
.font(.title)
.foregroundColor(.orange)
.onTapGesture {
if self.edName1 == ""{
self.edName1 = self.firstNames.randomElement() ?? "⁉️"
self.edName2 = self.surnames.randomElement() ?? "⁉️"
}
self.people.individuals.append(Person(id: UUID(), name1: self.edName1, name2: self.edName2))
self.edName1 = ""
self.edName2 = ""
print("Element count: \(self.elementCount)")
}
Spacer()
// Button...sort
Image(systemName: "arrow.up.arrow.down.square")
.font(.title)
.padding(.all,4)
.foregroundColor(.blue)
.onTapGesture {
self.people.individuals.sort{ // sort list alphabetically by name2
$0.name2 < $1.name2
}
}
// Button...reverse order
Image(systemName: "arrow.uturn.up.square")
.font(.title)
.padding(.all,8)
.foregroundColor(.blue)
.onTapGesture {
self.people.individuals.reverse()
}
}.padding(.all,8)
.overlay(RoundedRectangle(cornerRadius: 12)
.stroke(Color.orange, lineWidth: 2))
List{
ForEach(people.individuals){individual in
HStack{
EditView(person: self.$people.individuals[self.people.individuals.firstIndex(of:individual)!])
Text("\(individual.name1) \(individual.name2)")
.frame(width: 200, alignment: .leading)
.padding(.all, 3)
Text("\(self.people.individuals.firstIndex(of: individual)!)")
Spacer()
Image(systemName: "xmark.circle.fill").font(.title).foregroundColor(.red)//❌
.onTapGesture {
let deletedElement = self.people.individuals.remove(at: self.people.individuals.firstIndex(of: individual)!)
print("Deleted element:\(deletedElement) Element count: \(self.elementCount)")
}
}
}//.onDelete(perform: deleteRow)// an alternative to the red xmark circle
}
}.navigationBarTitle("People List (\(elementCount))")
}.navigationViewStyle(StackNavigationViewStyle())
}
func deleteRow(at offsets: IndexSet){
self.people.individuals.remove(atOffsets: offsets)
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
.environment(\.colorScheme, .dark)
}
}
1 ответ
Решение
Спасибо KRJW и Наталье Панферовой за помощь в различных аспектах этого кода. Ошибок "индекс вне диапазона" теперь нет, а также можно удалять строки, не вызывая проблем с добавлением элементов. Я делюсь этим ответом, потому что считаю, что это очень полезный механизм для создания редактируемых списков.
import SwiftUI
class Person: ObservableObject, Identifiable, Equatable {
static func == (lhs: Person, rhs: Person) -> Bool {
return lhs.id == rhs.id
}
@Published var id:UUID
@Published var name1:String
@Published var name2:String
init(id: UUID, name1: String, name2: String, isEditable: Bool){
self.id = id
self.name1 = name1
self.name2 = name2
}
}
struct EditView: View {
@ObservedObject var person: Person
var body: some View {
VStack{
HStack{
Group{
TextField("name1", text: $person.name1)
TextField("name2", text: $person.name2)
}//.frame(width:200)
.font(.headline)
.padding(.all, 3)
.overlay(RoundedRectangle(cornerRadius: 4).stroke(Color.blue, lineWidth: 1))
}.id(person.id)
}
}
}
struct ContentView: View {
@State var people = [Person]()//try! ObservableArray<Person>(array: []).observeChildrenChanges(Person.self)// people.individuals = [Person] array
@State private var edName1:String = "" //temporary storage for adding new member
@State private var edName2:String = "" //temporary storage for adding new member
// arrays for testing - adds random names from these (if input field '1st name' is empty)...
var firstNames = ["Nick","Hermes","John","Hattie","Nicola","Alan", "Dwight", "Richard","Turanga", "Don","Joey"]
var surnames = ["Farnsworth","Fry","Wong","Zoidberg","Conrad","McDougal","Power","Clampazzo","Brannigan","Kroker","Leela"]
var body: some View {
NavigationView{
VStack{
HStack{
Text("Add person:")
.padding(.all, 5)
.frame(alignment: .leading)
TextField("1st name", text: $edName1)
//.frame(width:150)
.padding(.all, 5)
.overlay(RoundedRectangle(cornerRadius: 8).stroke(Color.blue, lineWidth: 2))
TextField("2nd name", text: $edName2)
//.frame(width:150)
.padding(.all, 5)
.overlay(RoundedRectangle(cornerRadius: 8)
.stroke(Color.blue, lineWidth: 2))
// Button...
Image(systemName: "plus.circle")
.font(.largeTitle)
.foregroundColor(.orange)
.onTapGesture {
if self.edName1 == ""{
self.edName1 = self.firstNames.randomElement() ?? "⁉️"
self.edName2 = self.surnames.randomElement() ?? "⁉️"
}
self.people.append(Person(id: UUID(), name1: self.edName1, name2: self.edName2, isEditable: false))
self.edName1 = ""
self.edName2 = ""
print("Element count: \(self.people.count)")
}
Spacer()
// Button...sort
Image(systemName: "arrow.up.arrow.down.square")
.font(.title)
.padding(.all,4)
.foregroundColor(.blue)
.onTapGesture {
self.people.sort{ // sort list alphabetically by name2
$0.name2 < $1.name2
}
}
// Button...reverse order
Image(systemName: "arrow.uturn.up.square")
.font(.title)
.padding(.all,8)
.foregroundColor(.blue)
.onTapGesture {
self.people.reverse()
}
}.padding(.all,8)
.overlay(RoundedRectangle(cornerRadius: 12)
.stroke(Color.orange, lineWidth: 2))
List {
ForEach(self.people) { person in
EditView(person: person)
}.onDelete(perform: deleteRow)
}
}.navigationBarTitle("People List (\(self.people.count))")
}.navigationViewStyle(StackNavigationViewStyle())
}
func deleteRow(at offsets: IndexSet){
self.people.remove(atOffsets: offsets)
print(self.people.count)
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
// .environment(\.colorScheme, .dark)
}
}
Для удобства весь код собран вместе. Не стесняйтесь копировать, вставлять и экспериментировать.