SwiftUI：如何将当前视图导航栏返回按钮标题设为Back且不修改前视图标题

阿华AIGC实验室

2026-5-11

解决SwiftUI返回按钮标题自定义问题

这个场景我太熟悉了——默认导航栏返回按钮会直接沿用前一个视图的标题，但咱们又不想改动原视图的标题，只单独修改返回按钮的文字。下面给你两种可靠的解决方案：

方法1：自定义返回按钮（最灵活可控）

这种方案是隐藏系统默认的返回按钮，自己实现一个和原生样式一致的按钮，完全掌控文字内容，不会影响任何其他页面的标题。

代码示例（适配多iOS版本）：

// 第二个WebView视图的代码
struct NewsWebView: View {
    // iOS13-15 用这个来控制页面 dismissal
    @Environment(\.presentationMode) var presentationMode
    // iOS16+ 可以用更简洁的API
    // @Environment(\.dismiss) var dismiss
    
    let targetUrl: URL
    
    var body: some View {
        WebView(url: targetUrl)
            .navigationBarTitleDisplayMode(.inline) // 可选，根据你的布局需求调整
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    Button(action: {
                        // iOS13-15 用这个 dismiss
                        presentationMode.wrappedValue.dismiss()
                        // iOS16+ 替换成下面这行
                        // dismiss()
                    }) {
                        // 用系统箭头+自定义文字，保持和原生按钮样式一致
                        HStack(spacing: 4) {
                            Image(systemName: "chevron.left")
                            Text("Back")
                        }
                    }
                }
            }
            .navigationBarBackButtonHidden(true) // 隐藏默认返回按钮，避免冲突
    }
}

说明：

用navigationBarBackButtonHidden(true)彻底隐藏系统默认按钮，防止两个按钮重叠
通过ToolbarItem在导航栏左侧添加自定义按钮，用HStack组合系统箭头图标和"Back"文字，保证和原生样式无差异
根据你的iOS版本选择对应的 dismissal 方式，iOS16+的dismiss()写法更简洁

方法2：直接修改返回按钮标题（无需自定义按钮）

如果想保留系统默认的返回按钮样式，只是修改文字，可以在第二个视图中设置navigationBarBackButtonTitle，不过需要配合标题显示模式使用：

struct NewsWebView: View {
    let targetUrl: URL
    
    var body: some View {
        WebView(url: targetUrl)
            .navigationBarTitleDisplayMode(.inline)
            .navigationBarBackButtonTitle("Back")
    }
}