导航栏标题文字设为白色无效,求技术解决方案(附代码片段)
解决导航栏标题文字无法设置为白色的问题
嘿,我看你尝试修改导航栏标题颜色但没生效,先说明下:你当前的代码是在调整**状态栏(statusBar)**的样式,但导航栏标题的颜色是单独的配置项,咱们分开来搞定~
为什么你的代码没生效?
你贴的代码是直接获取并修改statusBar这个UIView,但这不是苹果推荐的实现方式(尤其是iOS 13及以上版本),而且这和导航栏标题颜色完全是两个独立的设置项,所以自然看不到标题变色的效果。
正确的设置方式
根据iOS版本的不同,我们有两种可靠的实现方案:
1. 全局统一设置(在AppDelegate中)
如果想让所有页面的导航栏标题都是白色,在didFinishLaunchingWithOptions方法里添加这些代码:
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { // 适配iOS 13及以上版本 if #available(iOS 13.0, *) { let navBarAppearance = UINavigationBarAppearance() // 可先配置导航栏背景色(比如深色背景搭配白色标题更清晰) navBarAppearance.backgroundColor = .darkGray // 设置标题文字颜色为白色 navBarAppearance.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white] // 将配置应用到导航栏的各种显示状态 UINavigationBar.appearance().standardAppearance = navBarAppearance UINavigationBar.appearance().scrollEdgeAppearance = navBarAppearance UINavigationBar.appearance().compactAppearance = navBarAppearance } else { // iOS 12及以下版本的写法 UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white] // 如果需要状态栏文字也为白色,加上这行 UIApplication.shared.statusBarStyle = .lightContent } return true }
2. 单个ViewController单独设置
如果只想让某个页面的导航栏标题是白色,在对应VC的viewDidLoad方法里添加:
override func viewDidLoad() { super.viewDidLoad() // 设置当前页面导航栏标题颜色 navigationController?.navigationBar.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white] // iOS 13+ 需要同步更新外观配置 if #available(iOS 13.0, *) { let appearance = navigationController?.navigationBar.standardAppearance.copy() appearance?.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white] navigationController?.navigationBar.standardAppearance = appearance! navigationController?.navigationBar.scrollEdgeAppearance = appearance! } }
额外注意事项
- 如果导航栏的
isTranslucent属性设为true,可能会导致颜色显示异常,必要时可以将其设为false; - 检查有没有其他代码(比如某个VC的局部配置)覆盖了全局的导航栏设置,优先级是局部设置 > 全局设置;
- 状态栏文字颜色和导航栏标题颜色是分开的,需要单独配置(上面代码里已经包含了相关适配)。
内容的提问来源于stack exchange,提问作者richie
相关产品推荐
相关产品推荐

