SwiftUI中如何将onChange的新旧值传递至外部Alert

开发者阿泽

2026-6-19

解决SwiftUI中Alert获取onChange新旧值的问题

核心思路是把onChange里捕获的旧值和新值存到视图的状态变量中，让外部的Alert可以访问到这些值。具体实现步骤如下：

定义状态变量存储新旧值
在视图里添加两个@State变量，用来临时保存触发弹窗时的旧值和新值：

@State private var resultsExistAlert = false
@State private var lastOldValue: YourValueType? // 替换成你实际的变量类型，比如String/Int
@State private var lastNewValue: YourValueType?

在onChange中更新状态变量
当值变化触发弹窗条件时，把捕获到的oldValue和newValue赋值给上面的状态变量，再触发弹窗：

.onChange(of: value) { [oldValue = value] newValue in
    if values.contains(newValue) {
        // 保存新旧值到状态变量
        lastOldValue = oldValue
        lastNewValue = newValue
        // 触发弹窗
        resultsExistAlert = true
    }
    // 其他业务逻辑
}

外部Alert使用状态变量
把Alert放在视图的body层级中，直接调用保存好的lastOldValue和lastNewValue：

.alert("This value already exists. Would you like to edit the new value or keep editing the old value?", isPresented: $resultsExistAlert) {
    Button("New Value") {
        guard let newValue = lastNewValue else { return }
        values = viewModel.data.results.filter{ $0 == newValue }
        dismiss()
    }
    Button("Old Value") {
        guard let oldValue = lastOldValue else { return }
        value = oldValue
        dismiss()
    }
}