更新列表中的一行(SwiftUI)

时间:2020-04-07 14:23:52

标签: swift swiftui swiftui-list swiftui-environment

我是编程的早鸟,所以我知道从专家的角度来看这个问题可能很荒谬,但几天以来我一直陷于这种情况。 在使用另一个按钮将项目与TextField存储在一起之后,我想通过使用“编辑”(铅笔)按钮来更新行。

这是代码:

class Food: Hashable, Codable, Equatable {

    var id : UUID = UUID()
    var name : String

    init(name: String) {
        self.name = name
    }

    static func == (lhs: Food, rhs: Food) -> Bool {
        return lhs.name == rhs.name
    }

    func hash(into hasher: inout Hasher) {
    hasher.combine(name)
    }
}

class Manager: ObservableObject {

    let objectWillChange = PassthroughSubject<Void, Never>()

    @Published var shoppingChart: [Food] = []

    init() {

            let milk = Food(name: "Milk")
            let coffee = Food(name: "Coffee")

            shoppingChart.append(milk)
            shoppingChart.append(coffee)        
    }

    func newFood(name: String) {
        let food = Food(name: name)
        shoppingChart.insert(food, at: 0)
    }
}

struct ContentView: View {

    @ObservedObject var dm : Manager
    @State var isAddFoodOpened = false

    var body: some View {
        VStack {
            List {
                ForEach(self.dm.shoppingChart, id:\.self) { food in
                    HStack {
                    Text(food.name)
                    Image(systemName: "pencil")
                }
            }

        }
            self.buttonAdd
    }
}

    var buttonAdd: some View {
        Button(action: {
            self.isAddFoodOpened.toggle()
        }) {
            Text("Add")
        }
        .sheet(isPresented: $isAddFoodOpened) {
            Add(dm: self.dm, fieldtext: "", isAddFoodOpened: self.$isAddFoodOpened)
        }
    }
}

struct Add: View {

    @ObservedObject var dm : Manager
    @State var fieldtext : String = ""
    @Binding var isAddFoodOpened : Bool

    var body: some View {
        VStack {
        TextField("Write a food", text: $fieldtext)
        buttonSave
    }
    }

    var buttonSave : some View {
        Button(action: {
            self.dm.newFood(name: self.fieldtext)
            self.isAddFoodOpened = false
        }) {
            Text("Save")
        }
    }
}

2 个答案:

答案 0 :(得分:0)

@ObservedObject var dm : Manager对象从未初始化。

尝试像这样在ContentView中初始化dm:

@ObservedObject var dm = Manager()

答案 1 :(得分:0)

好,因此,如果我理解正确,您想使用“编辑”按钮来更新/编辑行。 可以做到这一点:

struct ContentView: View {

@ObservedObject var dm : Manager
@State var isAddFoodOpened = false
@State var isEditOpened = false
@State var fieldtext : String = ""

var body: some View {
    VStack {
        List {
            ForEach(0..<self.dm.shoppingChart.count, id:\.self) { i in
                HStack {
                    Text(self.dm.shoppingChart[i].name)
                    Button(action: { self.isEditOpened.toggle() }) {
                        Image(systemName: "pencil")
                    }.sheet(isPresented: self.$isEditOpened) {
                        TextField(self.dm.shoppingChart[i].name, text: self.$fieldtext, onEditingChanged: { _ in
                            self.dm.shoppingChart[i].name = self.fieldtext
                        })
                    }
                }
            }
        }
        self.buttonAdd
    }
}

var buttonAdd: some View {
    Button(action: {
        self.isAddFoodOpened.toggle()
    }) {
        Text("Add")
    }
    .sheet(isPresented: $isAddFoodOpened) {
        Add(dm: self.dm, fieldtext: "", isAddFoodOpened: self.$isAddFoodOpened)
    }
}
}