macOS 12+ SwiftUI Table行删除与编辑异常问题求助

问题原因 #

你当前使用全局布尔变量showDiaDelAlert和showingDiaEditScreen控制弹窗与编辑页的显示，所有Table行共享这两个状态：

• 当某一行触发状态切换时，所有行的confirmationDialog和sheet都会响应这个状态变化，SwiftUI渲染时会将dia绑定到当前渲染优先级最高的行对象（通常是第一行），导致操作的对象错误。
• 关闭弹窗后状态重置，会触发其他行的弹窗逻辑，造成重复弹出、误删相邻行的问题。

解决方法 #

替换全局布尔变量为可选对象变量，通过存储当前选中的操作对象来控制弹窗/编辑页的显示，确保每个操作只关联目标条目，不会影响其他行。

修改后的代码示例 #

1. 替换状态变量

将原来的两个布尔变量替换为可选对象：

// 替换原有的@State private var showDiaDelAlert = false 和 showingDiaEditScreen = false
@State private var selectedDiagnosisToDelete: Diagnosis?
@State private var selectedDiagnosisToEdit: Diagnosis?

2. 重构TableColumn内的操作逻辑

TableColumn("") { dia in
    HStack {
        // 删除按钮：存储当前要删除的对象
        Button(
            action: {
                selectedDiagnosisToDelete = dia
            },
            label: {
                Image(systemName: "trash")
            }
        )
        .buttonStyle(.borderless).foregroundColor(Color.accentColor)
        
        // 编辑按钮：存储当前要编辑的对象
        Button(
            action: {
                selectedDiagnosisToEdit = dia
            },
            label: {
                Image(systemName: "pencil")
            }
        )
        .buttonStyle(.borderless).foregroundColor(Color.accentColor)
    }
    // 删除确认弹窗：绑定选中的删除对象
    .confirmationDialog("alertDelete", item: $selectedDiagnosisToDelete) { dia in
        Button("ok", role: .destructive){
            deleteItem(item: dia, moc: moc)
        }
        Button("cancel", role: .cancel) {}
    } message: { dia in
        Text("确定要删除\(dia.diagnosis ?? "该诊断")吗？")
    }
    // 编辑弹窗：绑定选中的编辑对象，弹窗关闭后自动清空可选值
    .sheet(item: $selectedDiagnosisToEdit) { dia in
        EditDiagnosisView(diagno: dia)
    }
}
.width(min: 30, ideal: 40, max: 50)

原理说明 #

通过绑定具体的操作对象而非全局布尔值，SwiftUI只会为选中的条目渲染对应的弹窗/编辑页，彻底避免了共享状态导致的对象混淆、重复弹窗问题，同时符合SwiftUI的状态管理最佳实践。

内容的提问来源于stack exchange，提问作者mihema