SwiftUI-如何在列表中进行编辑行？

Question

我想使用EditButton（）切换编辑模式，并将列表行切换到编辑模式。我想在编辑模式下包括一个新按钮以打开模式。我什至无法获得EditMode值来切换行内容。

struct ContentView: View {

    @Environment(\.editMode) var isEditMode

    var sampleData = ["Hello", "This is a row", "So is this"]

    var body: some View {
        NavigationView {

            List(sampleData, id: \.self) { rowValue in
                if (self.isEditMode?.value == .active) {
                    Text("now is edit mode")  // this is never displayed
                } else  {
                    Text(rowValue)
                }
            }
            .navigationBarTitle(Text("Edit A Table?"), displayMode: .inline)
            .navigationBarItems(trailing:
                EditButton()
            )
        }
    }
}

Answer 1

添加到 @kontiki 答案，如果您更喜欢对 editMode 使用布尔值以便更容易修改，请使用此@State变量：

@State var editMode: Bool = false

并将.environment修饰符修改为：

.environment(\.editMode, .constant(self.editMode ? EditMode.active : EditMode.inactive))

现在使用您自己的按钮切换到/从编辑模式非常简单：

Button(action: {
    self.editMode = !self.editMode
}, label: {
    Text(!self.editMode ? "Edit" : "Done")
})

Answer 2

您需要在列表中为editMode设置环境值：

struct ContentView: View {
    @State var isEditMode: EditMode = .inactive

    var sampleData = ["Hello", "This is a row", "So is this"]

    var body: some View {
        NavigationView {
            List(sampleData, id: \.self) { rowValue in
                if (self.isEditMode == .active) {
                    Text("now is edit mode")
                } else  {
                    Text(rowValue)
                }
            }
            .navigationBarTitle(Text("Edit A Table?"), displayMode: .inline)
            .navigationBarItems(trailing: EditButton())
            .environment(\.editMode, self.$isEditMode)
        }
    }
}

您需要小心，并确保.environment(\.editMode, self.$isEditMode)紧随其后.navigationBarItems(trailing: EditButton())。