SwiftUI中如何基于NavigationView实现自定义返回按钮？

你的问题在于用NavigationLink指定目标视图模拟返回，这本质是push新视图，而原生返回按钮是从导航栈中pop当前视图，所以行为不一致。正确的做法是利用SwiftUI的环境变量触发视图 dismissal，和原生返回逻辑完全对齐。

修正步骤与代码示例 #

1. 移除错误的返回实现 #

删除用NavigationLink做返回的代码，改用环境变量触发视图关闭：

struct AnadirDatosViewA: View {
    // iOS 13-14 兼容写法
    @Environment(\.presentationMode) var presentationMode
    // iOS 15+ 可简化为：@Environment(\.dismiss) var dismiss
    
    var body: some View{
        NavigationView(){
            Color(red: 48 / 255, green: 49 / 255, blue: 54 / 255)
                .edgesIgnoringSafeArea(.all)
                .overlay(
                    VStack{
                        AnadirDatosExpB()
                        
                        HStack{
                            // 自定义返回按钮
                            Button(action: {
                                // iOS 13-14 调用此方法
                                presentationMode.wrappedValue.dismiss()
                                // iOS 15+ 替换为：dismiss()
                            }) {
                                // 模拟原生返回按钮样式（可选）
                                HStack(spacing: 4) {
                                    Image(systemName: "chevron.left")
                                    Text("Back")
                                }
                                .foregroundColor(.blue)
                            }
                            
                            Spacer() // 分隔返回与下一步按钮
                            
                            NavigationLink(destination: AnadirDatosExpA()){
                                Text("Next")
                                    .foregroundColor(.blue)
                            }
                        }
                        .padding()
                    }
                )
                // 可选：将自定义按钮放在导航栏左上角（完全模拟原生位置）
                .navigationBarItems(leading: Button(action: {
                    presentationMode.wrappedValue.dismiss()
                }) {
                    HStack(spacing: 4) {
                        Image(systemName: "chevron.left")
                        Text("Back")
                    }
                })
        }
        .navigationBarBackButtonHidden(true)
    }
}

2. 关键说明 #

• 行为对齐原生：dismiss()方法会直接从导航栈中移除当前视图，和原生返回按钮的逻辑完全一致，不会产生多余的栈层级。
• 样式自定义：可以通过修改Button的内容（比如添加系统箭头图标、调整颜色、字体）匹配原生返回按钮样式，也可以完全自定义成你需要的样子。
• 修复布局错误：你之前将Next的NavigationLink嵌套在Back的NavigationLink中，会导致点击Next时同时触发返回跳转，现在通过Spacer分隔后，两个按钮的交互完全独立。

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