iOS开发：保留返回按钮，调整导航标题区域白色显示至下方

DevOps 小满

2026-7-23

解决方案

方法一：设置导航栏透明并保留返回按钮

无需隐藏整个导航栏，只需修改导航栏的背景样式，让它变为透明，同时保留返回按钮：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 设导航栏背景透明
    navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
    navigationController?.navigationBar.shadowImage = UIImage()
    navigationController?.navigationBar.isTranslucent = true
    
    // 确保返回按钮可见（默认会显示，除非手动隐藏过）
    navigationItem.hidesBackButton = false
    
    // 若你的顶部图片是用UIImageView实现，需调整布局让它延伸到导航栏下方
    // AutoLayout中把图片的top约束绑定到view.topAnchor，而非safeAreaLayoutGuide.topAnchor
}

这样设置后，导航栏背景透明，顶部图片能完整显示，返回按钮也会保留在原位置。

方法二：隐藏导航栏标题并保留返回按钮

如果只是想让标题区域的白色遮挡消失，也可以直接隐藏导航栏标题，同时保留返回按钮：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 清空导航栏标题
    navigationItem.title = ""
    
    // 可选：按需设置导航栏背景透明
    navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
    navigationController?.navigationBar.shadowImage = UIImage()
    
    // 确保返回按钮显示
    navigationItem.hidesBackButton = false
}