SwiftUI中点击取消按钮撤销绑定变量变更的实现方案

核心问题分析 #

你的问题根源在于EditView的初始化逻辑导致editingTask被重复重置，同时未正确处理值类型的拷贝逻辑；另外，Sheet内未使用导航容器导致工具栏无法生效。

修正后的实现代码 #

父视图代码 #

@State private var editView = false
@State private var currentTask = Task(name: "初始任务") // 假设Task是带name属性的值类型

var body: some View {
    Button(action: {
        editView = true
    }, label: {
        Image(systemName: "pencil.circle")
    })
    .sheet(isPresented: $editView) {
        EditView(task: $currentTask) {
            editView = false
        }
    }
}

编辑视图代码 #

struct EditView: View {
    @Binding var task: Task
    var onDismiss: () -> Void // 用闭包解耦sheet关闭逻辑
    @State private var editingTask: Task
    
    init(task: Binding<Task>, onDismiss: @escaping () -> Void) {
        self._task = task
        self.onDismiss = onDismiss
        self._editingTask = State(initialValue: task.wrappedValue) // 仅初始化一次临时拷贝
    }
    
    var body: some View {
        NavigationStack { // 导航容器让工具栏生效（iOS 16+，iOS 13-15用NavigationView）
            VStack(spacing: 20) {
                TextField("Task Name", text: $editingTask.name)
                    .textFieldStyle(.roundedBorder)
                    .padding()
                
                Spacer()
            }
            .navigationTitle("编辑任务")
            .toolbar {
                // 取消按钮：直接关闭sheet，不修改原数据
                ToolbarItem(placement: .cancellationAction) {
                    Button("取消") {
                        onDismiss()
                    }
                }
                // 保存按钮：将临时拷贝的值同步到绑定变量，再关闭sheet
                ToolbarItem(placement: .confirmationAction) {
                    Button("保存") {
                        task = editingTask
                        onDismiss()
                    }
                }
            }
        }
    }
}

// 假设你的Task值类型定义（如果是类需实现深拷贝）
struct Task: Identifiable {
    let id = UUID()
    var name: String
}

关键优化点 #

• 解耦视图依赖：用onDismiss闭包替代直接绑定父视图的editView，避免子视图直接操作父视图状态，符合单向数据流设计原则。
• 修复临时变量重置问题：将editingTask的初始化放在init内且仅执行一次，彻底解决因视图刷新导致临时变量重置、TextField无法编辑和输入闪烁的问题。
• 启用工具栏功能：通过NavigationStack/NavigationView包裹编辑内容，让系统工具栏按钮正常生效，替代手动布局按钮的方式，更符合SwiftUI的设计规范。
• 适配值/引用类型：如果Task是引用类型（类），需要手动实现深拷贝逻辑，避免修改临时对象时直接影响原数据；示例中假设Task是值类型（struct），Swift会自动完成值拷贝。

内容的提问来源于stack exchange，提问作者easy-developer