Swiftui：我如何在VSTACK中删除foreach行？

Question

这是TaskModel

import Foundation
import SwiftUI


struct TaskModel: Identifiable, Codable {
    var id = UUID().uuidString
    var title : String
    var selectedColor : Color
    var remindedTime : Int
    var taskDate : Date
}

这是我尝试过的ViewModel

    import Foundation
    import SwiftUI
    
    class CalendarViewModel : ObservableObject {
        
        @Published var tasks : [TaskModel] = []
        @Published var currentMonth : Int = 0
        
    
        func addTask(title : String, selectedColor : Color, reminderTime : Int, taskDate : Date) {
            let newTask = TaskModel(title: title, selectedColor: selectedColor, remindedTime: reminderTime * 60, taskDate: taskDate)
            tasks.append(newTask)
        }
        
        func deleteTask(task : TaskModel) {
            if let index = tasks.firstIndex(where: {$0.id == task.id }) {
                tasks.remove(at: index)
            }
        }

这是我尝试删除行的ForEach

VStack {
                    ForEach(vm.tasks.filter({vm.isSameDay(date1: $0.taskDate, date2: currentDate)})) { task in
                        TaskRowView(task: task)
                            .actionSheet(isPresented: $isShowActionSheet) {
                                ActionSheet(title: Text("Settings"), message: Text("Press the button that what you want to do 
              

Answer 1

实现此目的的最简单方法是使用可选的选择变量和 .actionSheet() 的自定义绑定。请参阅下面的代码。我评论了重要的部分。为了演示目的，我还将您的代码更改为最小可重现示例 (MRE)。

struct ContentView: View {
    
    @State var tasks = Array(1...20).map( { TaskModel(title: "Task \($0)") })
    // This is your optional selection variable
    @State var selectedRow: TaskModel?
    
    var body: some View {
        VStack {
            ForEach(tasks) { task in
                Text(task.title)
                    // put the .onLongPressGesture() on the row itself
                    .onLongPressGesture {
                        // set selectedRow to the task
                        selectedRow = task
                    }
                    // This creates a custom binding
                    .actionSheet(isPresented: Binding<Bool>(
                        // the get returns the Bool that is the comparison of selectedRow and task
                        // if they are equal, the .actionSheet() fires
                        get: { selectedRow == task },
                        // when done, .actionSheet() sets the Binding<Bool> to false, but we intercept that
                        // and use it to set the selectedRow back to nil
                        set: { if !$0 {
                            selectedRow = nil
                        }})) {
                        ActionSheet(
                            title: Text("Settings"),
                            // added task.title to prove the correct row is in the ActionSheet
                            message: Text("Press the button for \(task.title)"),
                            buttons: [
                                .cancel(),
                                .destructive(Text("Delete"), action: {}),
                                .default(Text("Edit"), action: {})
                            ]
                        )
                    }
            }
        }
    }
}