SwiftUI与UIKit混合开发中返回箭头颜色及文本修改问题

一、修改返回箭头颜色（从蓝色改为黑色） #

方法1：在UIKit导航控制器侧配置外观 #

如果通过UIViewControllerRepresentable将UIKit控制器嵌入SwiftUI，直接在包装器里配置导航栏的UINavigationBarAppearance，覆盖返回指示器的图片：

struct UIKitVCWrapper: UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> UINavigationController {
        let targetVC = YourUIKitViewController()
        let navController = UINavigationController(rootViewController: targetVC)
        
        // 创建并配置导航栏外观
        let navAppearance = UINavigationBarAppearance()
        // 设置黑色的自定义返回箭头
        let backArrowImage = UIImage(systemName: "arrow.left")?
            .withTintColor(.black, renderingMode: .alwaysOriginal)
        navAppearance.setBackIndicatorImage(backArrowImage, transitionMaskImage: backArrowImage)
        // 可选：设置标题、返回文本的颜色
        navAppearance.titleTextAttributes = [.foregroundColor: UIColor.black]
        navAppearance.backButtonAppearance.normal.titleTextAttributes = [.foregroundColor: UIColor.black]
        
        // 将外观应用到导航栏所有状态
        navController.navigationBar.standardAppearance = navAppearance
        navController.navigationBar.scrollEdgeAppearance = navAppearance
        navController.navigationBar.compactAppearance = navAppearance
        
        return navController
    }
    
    func updateUIViewController(_ uiViewController: UINavigationController, context: Context) {}
}

方法2：在SwiftUI子视图中自定义返回按钮 #

如果UIKit侧配置不生效，直接隐藏系统默认返回按钮，自定义完全可控的返回按钮：

struct ChildSwiftUIView: View {
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        VStack {
            Text("子视图内容")
        }
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                Button(action: { dismiss() }) {
                    HStack(spacing: 4) {
                        Image(systemName: "arrow.left")
                            .foregroundColor(.black)
                        Text("返回主页") // 自定义返回文本内容
                            .foregroundColor(.black)
                    }
                }
            }
        }
        .navigationBarBackButtonHidden(true) // 必须隐藏系统默认按钮
    }
}

二、修改返回文本内容 #

上面的自定义返回按钮方法已支持直接修改返回文本；若想保留系统返回按钮但修改文本，需在UIKit侧配置backButtonAppearance：

// 在UIKit导航控制器的外观配置中添加
navAppearance.backButtonAppearance.normal.titleTextAttributes = [
    .foregroundColor: UIColor.black,
    .font: UIFont.systemFont(ofSize: 16)
]
// 修改返回文本（注：此文本对应上一级页面的返回标题，完全自定义仍推荐用自定义按钮）
targetVC.navigationItem.backBarButtonItem = UIBarButtonItem(
    title: "自定义返回",
    style: .plain,
    target: nil,
    action: nil
)

注意：系统返回按钮的文本默认继承上一级页面的标题，在UIKit与SwiftUI混合栈中，规则容易冲突，自定义按钮是最可靠的解决方案。

内容的提问来源于stack exchange，提问作者The Outstanding Question Asker