SwiftUI - удаление элементов в массиве Binding вызывает ошибки - PullRequest
Новая
       25

SwiftUI - удаление элементов в массиве Binding вызывает ошибки

0 голосов
/ 15 января 2020

Я разрабатываю приложение (с использованием Xcode 11.3.1, целевое устройство: iPad), чтобы инженеры нашей компании могли отчитываться о своей работе. Часть приложения должна быть редактируемым списком частей, которые они использовали.

Я воспроизвел механизмы, которые я пытаюсь реализовать (Observed Object / @ Binding et c) в простом тестовом проекте «Список людей» (полный код проекта ниже).

Я все еще пытаюсь изучить SWiftUI, так что я, вероятно, сделал что-то глупое в своем коде.

Целью здесь является создание динамического c списка с редактируемыми полями. При предварительном просмотре кода он, кажется, работает отлично, однако после удаления элементов все начинает работать неправильно. (Удаление последнего элемента вызывает « Неустранимая ошибка: индекс выходит за пределы диапазона ».

Если вы добавляете новые элементы после удаления некоторых, новые элементы имеют пустые поля textFields и недоступны для редактирования.

Буду очень признателен за любую помощь. 

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 Ответ

0 голосов
/ 14 февраля 2020

Спасибо 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)
    }
}

Код для удобства объединен. Не стесняйтесь копировать, вставлять и играть.

...