SwiftUI导航异常：三级页面表单跳转致父视图刷新清空表单

问题定位 #

你的问题本质是iOS 14 SwiftUI的@Environment(\.presentationMode)环境变量绑定bug：当多级导航的中间视图（ProfileView）持有presentationMode时，子视图（EditProfileView）的表单状态变化会触发父视图的body重计算，进而重建子视图，导致表单内容丢失。而SettingsView → EditProfileView的直接跳转没有中间层的presentationMode持有，所以不会触发该问题。

iOS 14中presentationMode的绑定与导航栈状态耦合度极高，父视图持有该变量时，子视图的任何状态变更都会被错误地传递到父视图，触发重渲染。

正确用法与修复方案 #

针对iOS 14的限制，提供两种可行的修复方案：

方案1：父视图通过闭包接收dismiss动作，避免直接使用presentationMode #

将父视图的dismiss逻辑由上层视图传递，而非直接读取环境变量，从根源切断耦合：

// SettingsView 中跳转至 ProfileView
NavigationLink(destination: ProfileView(dismissAction: { presentationMode.wrappedValue.dismiss() })) {
    Text("查看个人资料")
}

// ProfileView 实现
struct ProfileView: View {
    let dismissAction: () -> Void // 由上层传入的dismiss闭包
    
    var body: some View {
        NavigationView {
            VStack {
                // 个人资料内容
                Button("返回设置") {
                    dismissAction() // 使用传入的闭包执行dismiss
                }
                // 跳转至编辑页面
                NavigationLink(destination: EditProfileView()) {
                    Text("编辑个人资料")
                }
            }
            .navigationTitle("个人资料")
        }
    }
}

// EditProfileView 正常使用 presentationMode
struct EditProfileView: View {
    @Environment(\.presentationMode) var presentationMode
    @State private var name: String = ""
    @State private var email: String = ""
    
    var body: some View {
        Form {
            TextField("姓名", text: $name)
            TextField("邮箱", text: $email)
            Button("保存") {
                presentationMode.wrappedValue.dismiss()
            }
        }
        .navigationTitle("编辑资料")
    }
}

方案2：用@StateObject托管子视图状态，避免重建丢失数据 #

如果必须在父视图使用presentationMode，可以将子视图的表单状态托管到ObservableObject中，即使子视图被重建，状态也会保留：

// 编辑页面的ViewModel，托管表单状态
class EditProfileViewModel: ObservableObject {
    @Published var name: String = ""
    @Published var email: String = ""
    // 其他表单字段
}

// ProfileView 实现
struct ProfileView: View {
    @Environment(\.presentationMode) var presentationMode
    @StateObject private var editViewModel = EditProfileViewModel() // 用StateObject持久化ViewModel
    
    var body: some View {
        NavigationView {
            VStack {
                Button("返回设置") {
                    presentationMode.wrappedValue.dismiss()
                }
                NavigationLink(destination: EditProfileView(viewModel: editViewModel)) {
                    Text("编辑个人资料")
                }
            }
            .navigationTitle("个人资料")
        }
    }
}

// EditProfileView 接收ViewModel
struct EditProfileView: View {
    @ObservedObject var viewModel: EditProfileViewModel
    @Environment(\.presentationMode) var presentationMode
    
    var body: some View {
        Form {
            TextField("姓名", text: $viewModel.name)
            TextField("邮箱", text: $viewModel.email)
            Button("保存") {
                presentationMode.wrappedValue.dismiss()
            }
        }
        .navigationTitle("编辑资料")
    }
}

关键注意事项 #

• iOS 14中避免在多级导航的中间视图直接持有@Environment(\.presentationMode)，这是触发问题的核心原因。
• 如果使用NavigationView，确保层级正确，避免嵌套NavigationView（iOS14中嵌套会导致更多导航状态异常）。

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