SwiftUI如何全局自定义无文字返回按钮？

我希望调整返回按钮，使其不包含“back”文字。但当前实现需要在每个需要返回按钮的页面添加以下代码，请问如何将这段多页面重复的代码改为全局设置？

@Environment(\.presentationMode) var presentationMode

// Whatever content
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                Button(action: {
                    self.presentationMode.wrappedValue.dismiss()
                }) {
                    HStack {
                        Image(systemName: "arrow.left")
                            .foregroundColor(.black)
                            .font(.headline)
                    }
                }
            }
        }

效果如下：

解决方案 #

方法1：自定义全局View修饰符 #

先写一个通用的ViewModifier，再给View扩展便捷调用方法，这样所有页面都能快速复用：

struct CustomBackButtonModifier: ViewModifier {
    func body(content: Content) -> some View {
        content
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    Button(action: {
                        // 用系统原生返回逻辑，更贴合默认行为
                        if let navController = UIApplication.shared.windows.first?.rootViewController as? UINavigationController {
                            navController.popViewController(animated: true)
                        }
                    }) {
                        Image(systemName: "arrow.left")
                            .foregroundColor(.black)
                            .font(.headline)
                    }
                }
            }
    }
}

// 给View扩展便捷方法
extension View {
    func useCustomBackButton() -> some View {
        self.modifier(CustomBackButtonModifier())
    }
}

使用时，在页面View上直接调用：

struct HomeView: View {
    var body: some View {
        Text("首页内容")
            .useCustomBackButton()
    }
}

方法2：UIKit全局配置（无需页面修改） #

如果想彻底全局生效，不用每个页面写代码，可以在App启动时通过UIKit设置导航栏全局样式：

// 在App的初始化方法或Scene启动方法中添加
UINavigationBar.appearance().backIndicatorImage = UIImage(systemName: "arrow.left")?.withTintColor(.black, renderingMode: .alwaysOriginal)
UINavigationBar.appearance().backIndicatorTransitionMaskImage = UIImage(systemName: "arrow.left")?.withTintColor(.black, renderingMode: .alwaysOriginal)

// 全局隐藏返回按钮文字
extension UIViewController {
    open override func viewDidLoad() {
        super.viewDidLoad()
        navigationItem.backButtonTitle = ""
    }
}

这种方式只需设置一次，所有嵌入在NavigationView中的SwiftUI页面都会自动应用这个返回按钮样式，完全省去重复代码。

注意点 #

• 方法2依赖UIKit的导航栏配置，确保你的SwiftUI页面是包裹在NavigationView内的。
• 如果个别页面需要特殊返回按钮，直接在该页面添加toolbar代码即可覆盖全局设置。

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