SwiftUI中TableRow上下文菜单点击后Alert不显示，如何实现带Alert的行删除

核心思路是用可选变量存储待删除的条目，把Alert绑定到这个变量，并将Alert放在视图的顶层层级（而非上下文菜单内部），这样既保证Alert能正常显示，又能访问到对应的删除对象。

修改步骤： #

1. 替换状态变量：把原来的showDeleteAlert Bool变量，改成存储待删除条目的可选类型：

@State private var itemToDelete: SecretItem? // 这里SecretItem是你的数据模型类型

2. 调整上下文菜单按钮逻辑：点击删除按钮时，把当前行的条目赋值给itemToDelete，而不是切换Bool值：

.contextMenu {
    Button("Delete Item") {
        itemToDelete = secretItem
    }
}

3. 将Alert移到视图顶层：把Alert附加到整个表格视图（或页面根视图）上，利用SwiftUI的alert(item:content:)API（iOS 15+/macOS 12+支持），直接绑定到itemToDelete：

struct SecretDetailView: View {
    @State private var itemToDelete: SecretItem?
    @Binding var selection: Set<SecretItem.ID>
    @Binding var sortOrder: [KeyPathComparator<SecretItem>]
    let secretItems: [SecretItem]

    var table: some View {
        Table(selection: $selection, sortOrder: $sortOrder) {
            TableColumn("User Name", value: \.userName)
            // 其他列...
        } rows: {
            ForEach(secretItems) { secretItem in
                TableRow(secretItem)
                    .contextMenu {
                        Button("Delete Item") {
                            itemToDelete = secretItem
                        }
                    }
            }
        }
    }

    var body: some View {
        table
            .alert(item: $itemToDelete) { item in
                Alert(
                    title: Text("Do you want to delete item?"),
                    message: Text("This action cannot be undone."),
                    primaryButton: .cancel(Text("Cancel")),
                    secondaryButton: .destructive(Text("Delete")) {
                        deleteSelectedSecretItem(item)
                    }
                )
            }
    }

    func deleteSelectedSecretItem(_ item: SecretItem) {
        // 你的删除逻辑实现
    }
}

为什么原来的写法不行？ #

• Alert不能嵌套在contextMenu或TableRow的层级里，SwiftUI无法识别这种嵌套的Alert，必须将其附加到视图层级的顶层父视图上。
• 用可选变量存储待删除条目，替代单纯的Bool开关，能直接在Alert的回调里拿到对应的对象，解决了从ForEach外部访问条目变量的问题。

如果需要兼容更低版本系统，可以用isPresented绑定的方式，通过计算Binding来判断itemToDelete是否存在：

.alert(isPresented: Binding(
    get: { itemToDelete != nil },
    set: { if !$0 { itemToDelete = nil } }
)) {
    Alert(
        title: Text("Do you want to delete item?"),
        message: Text("This action cannot be undone."),
        primaryButton: .cancel(Text("Cancel")),
        secondaryButton: .destructive(Text("Delete")) {
            if let item = itemToDelete {
                deleteSelectedSecretItem(item)
            }
            itemToDelete = nil
        }
    )
}

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