如何使用SwiftUI新的alert实例方法为同一按钮管理多个弹窗（替代已弃用的Alert结构体）

嘿，原来用枚举管理多弹窗的思路真的很赞！现在Alert结构体被弃用了，其实适配新API一点都不麻烦，核心逻辑可以完全保留，只需要调整alert的调用方式就行，我给你一步步拆解：

1. 保留原有的状态枚举（核心逻辑不变） #

你之前定义的AlertState枚举用来区分不同弹窗状态，这个设计非常合理，完全可以继续用：

enum AlertState: Identifiable {
    case associatedIngredient
    case confirmDelete
    
    var id: AlertState { self }
}

2. 保留视图中的状态变量 #

原来的@State变量用来控制弹窗显示，这部分也不需要改动：

@State private var activeAlert: AlertState?

3. 按钮触发逻辑完全不变 #

判断条件、设置对应弹窗状态的代码可以原封不动复用：

// Delete the food item
Button("Delete", systemImage: "trash") {
    if foodItemVM.hasAssociatedFoodItem() {
        // Check if FoodItem is related to an Ingredient
        if !foodItemVM.canBeDeleted() {
            self.activeAlert = .associatedIngredient
        } else {
            self.activeAlert = .confirmDelete
        }
    }
}

4. 替换alert的调用方式（核心改动点） #

原来的.alert(item:)方法已经被弃用，我们换成新的.alert(presenting:)重载方法，它会自动识别activeAlert是否为nil来控制弹窗显示，然后在闭包里根据状态构建对应弹窗：

方式一：直接在闭包里构建弹窗（声明式风格）

.alert(presenting: $activeAlert) { state in
    switch state {
    case .confirmDelete:
        Alert {
            Button("Do not delete", role: .cancel) {}
            Button("Delete", role: .destructive) {
                deleteFoodItemOnly()
            }
        } message: {
            Text("Do you really want to delete this food item? This cannot be undone!")
        } title: {
            Text("Delete food")
        }
    case .associatedIngredient:
        Alert {
            Button("OK", role: .cancel) {}
        } message: {
            Text("This food item is in use in a recipe, please remove it from the recipe before deleting.")
        } title: {
            Text("Cannot delete food")
        }
    }
}

方式二：保留类似原alertContent的方法（更贴近原有代码结构）

如果你习惯把弹窗内容抽成单独方法，可以定义一个返回新Alert类型的方法，这样改动最小：

private func makeAlert(for state: AlertState) -> Alert {
    switch state {
    case .confirmDelete:
        return Alert(
            title: Text("Delete food"),
            message: Text("Do you really want to delete this food item? This cannot be undone!"),
            primaryButton: .cancel(Text("Do not delete")),
            secondaryButton: .destructive(Text("Delete"), action: deleteFoodItemOnly)
        )
    case .associatedIngredient:
        return Alert(
            title: Text("Cannot delete food"),
            message: Text("This food item is in use in a recipe, please remove it from the recipe before deleting."),
            dismissButton: .default(Text("OK"))
        )
    }
}

然后在视图里调用：

.alert(presenting: $activeAlert) { state in
    makeAlert(for: state)
}

小提示 #

新的Alert采用了SwiftUI的ViewBuilder语法，按钮可以通过role参数明确标记取消/破坏性操作，系统会自动适配对应的样式和行为，比原来的API更直观。

备注：内容来源于stack exchange，提问作者Ulrich