![](/img/trans.png)
[英]Having trouble with crash when performing .ondelete on a list (SwiftUI).. crashing in .onReceive for a timer
[英]How to handle .onDelete for SwiftUI list array with .reversed()
我正在尝试制作一个基本的 SwiftUI 列表,其中每个新列表项都显示在列表的顶部。 为此,我将.reversed() 附加到传递给 ForEach 循环的数组中,由viewModel.itemList
表示。 我还设置了 up.onDelete 来处理列表项的删除。 但是,当我删除一个项目时,例如列表中的最后一个项目,它会删除数组中的最后一个项目(列表顶部的项目)。 如何配置.onDelete 以在数组反转时删除正确的项目?
请参阅下面的代码。 谢谢!
内容视图
struct ContentView: View {
@StateObject var viewModel = ToDoListViewModel()
@State private var listItemName = ""
var body: some View {
NavigationView {
VStack(alignment: .leading) {
List {
ForEach(viewModel.itemList.reversed()) { item in
Text(item.listItem)
}.onDelete { index in
self.viewModel.itemList.remove(atOffsets: index)
}
}
HStack {
TextField("Enter List Item", text: $listItemName)
Button(action: {
viewModel.addToList(ToDoModel(listItem: listItemName))
listItemName = ""
}) {
Image(systemName: "plus")
.font(.largeTitle)
.frame(width: 75, height: 75)
.foregroundColor(Color.white)
.background(Color.blue)
.clipShape(Circle())
}
}.frame(minWidth: 100, idealWidth: 150, maxWidth: 500, minHeight: 30, idealHeight: 40, maxHeight: 50, alignment: .leading)
.padding(.leading, 16)
.padding(.trailing, 16)
}.navigationBarTitle("To Do List", displayMode: .inline)
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
Model
struct ToDoModel: Identifiable, Codable {
var id = UUID()
var listItem: String = ""
}
视图模型
class ToDoListViewModel: ObservableObject {
@Published var itemList = [ToDoModel]()
func addToList( _ item: ToDoModel) {
itemList.append(item)
}
}
警告:这可能不是算法上最有效的方法。 但是,对于List
上的简单删除,它应该执行得很好。
.onDelete { offsets in
let reversed = Array(viewModel.itemList.reversed()) //get the reversed array -- use Array() so we don't get a ReversedCollection
let items = Set(offsets.map { reversed[$0].id }) //get the IDs to delete
viewModel.itemList.removeAll { items.contains($0.id) } //remove the items with IDs that match the Set
}
您也可以尝试这种方法:
.onDelete { index in
// get the item from the reversed list
let theItem = viewModel.itemList.reversed()[index.first!]
// get the index of the item from the viewModel, and remove it
if let ndx = viewModel.itemList.firstIndex(of: theItem) {
viewModel.itemList.remove(at: ndx)
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.