You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

UINavigationBar大标题转场残留:如何实现类似WhatsApp的转场效果?

解决导航栏大标题转场时短暂残留的问题(仿WhatsApp效果)

这个问题我之前也踩过坑!核心原因就是你设置关闭大标题的时机太晚了——viewDidLoad是在ViewController B被push完成后才触发的,这时候转场动画已经启动,所以大标题会短暂闪一下才消失。要实现像WhatsApp那样平滑的转场效果,得把设置提前到转场开始前,下面给你两种靠谱的解决办法:

方法一:利用导航控制器代理提前设置(推荐)

通过UINavigationControllerDelegate的willShow方法,在转场动画开始前就切换大标题状态,这样就能完美避免闪烁。

步骤:

  1. 让ViewController A遵守UINavigationControllerDelegate协议,并在viewDidLoad中设置代理:
class ViewControllerA: UIViewController, UINavigationControllerDelegate {
    override func viewDidLoad() {
        super.viewDidLoad()
        navigationController?.delegate = self
        // 开启大标题
        navigationController?.navigationBar.prefersLargeTitles = true
        navigationItem.largeTitleDisplayMode = .always
    }
    
    // 实现代理方法,在转场前切换大标题状态
    func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
        // 判断即将显示的是哪个VC,决定是否开启大标题
        let shouldEnableLargeTitles = viewController is ViewControllerA
        navigationController.navigationBar.prefersLargeTitles = shouldEnableLargeTitles
        
        // 同步设置对应VC的largeTitleDisplayMode,确保状态一致
        viewController.navigationItem.largeTitleDisplayMode = shouldEnableLargeTitles ? .always : .never
    }
}
  1. 在ViewController B中,只需要确保largeTitleDisplayMode设置正确即可(无需在viewDidLoad中修改导航栏属性):
class ViewControllerB: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        navigationItem.largeTitleDisplayMode = .never
    }
}

这个方法的优势是:转场前就完成了导航栏状态的切换,动画衔接完全平滑,和WhatsApp的效果一致。

方法二:在ViewController B的viewWillAppear中设置兜底

如果不想用代理,也可以把设置移到viewWillAppear中,这个方法会在转场过程中更早触发,比viewDidLoad靠谱得多:

class ViewControllerB: UIViewController {
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        navigationController?.navigationBar.prefersLargeTitles = false
        navigationItem.largeTitleDisplayMode = .never
    }
    
    // 记得返回ViewController A时恢复大标题状态
    override func viewWillDisappear(_ animated: Bool) {
        super.viewWillDisappear(animated)
        navigationController?.navigationBar.prefersLargeTitles = true
    }
}

不过这种方法需要手动处理返回时的状态恢复,不如代理方法灵活,适合简单场景。

关键注意点

  • 一定要配合设置navigationItem.largeTitleDisplayMode:光修改导航栏的prefersLargeTitles有时候会出现状态不一致的情况,每个VC的largeTitleDisplayMode要和导航栏的全局设置匹配。
  • 避免在viewDidLoad中修改导航栏属性:这个时机确实太晚,赶不上转场动画的节奏,必然会出现闪烁。

内容的提问来源于stack exchange,提问作者kelvinleeweisern

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.06 10:47:44