我想在点击项目时从列表中删除该项目。当我删除其中一个单元格时,所有其余的单元格点击指示器都显示它们也被点击了。
另外,它不会删除它,只是使它暂时不可见。当我重新加载页面时,删除的单元格再次出现在内存中,并且再次可见。
List{
ForEach(list.reminders, id: \.self) { reminder in
Button(action: {
self.isSelected.toggle()
self.delete(at: list.reminders.firstIndex(where: {$0.hashValue == reminder.hashValue})!)
}, label: {
HStack{
Image(systemName: isSelected ? "largecircle.fill.circle" : "circle")
.resizable()
.aspectRatio(contentMode: .fit)
.foregroundColor((isSelected ? Color(list.color) : .gray))
.frame(width: 22, height: 22, alignment: .trailing)
.cornerRadius(22)
ReminderCell(reminder: reminder)
}
})
.padding(.bottom)
}.onDelete(perform: deleteReminder)
}
func deleteReminder(at offsets: IndexSet) {
list.reminders.remove(atOffsets: offsets)
}
func delete(at index: Int) {
list.reminders.remove(at: index)
}
首先,如果你想让.ontapgesture{}
中的函数起作用,你得把它放在按钮标签外面,因为当你点击它时,按钮动作中的函数就会被触发。
其次,如果要获得ForEach中元素的索引,必须添加indexs
。在下面检查我的代码,因为你没有完全贴出你的代码,所以我不能确切地测试我的代码。
List {
ForEach(list.reminders.indices, id: \.self) { index in
HStack {
Button(action: {
self.isSelected.toggle()
}, label: {
Image(systemName: isSelected ? "largecircle.fill.circle" : "circle")
.resizable()
.aspectRatio(contentMode: .fit)
.foregroundColor((isSelected ? Color(list.color) : .gray))
.frame(width: 22, height: 22, alignment: .trailing)
.cornerRadius(22)
})
Button(action: {
deleteReminder(at: IndexSet(integer: index))
}) {
ReminderCell(reminder: list.reminders[index])
}
}
.padding(.bottom)
}.onDelete(perform: deleteReminder)
}