导航栏颜色设置异常：顶部呈白色仅底部少量红色

你遇到的问题是导航栏顶部呈现白色，仅底部有少量红色，还不确定是不是状态栏和导航栏重叠导致的。你当前用来设置导航栏背景色的代码是：

[navbar setBackgroundColor:[UIColor redColor]];

导航栏的异常显示效果如下：

结合iOS导航栏的渲染逻辑，这种情况大概率是属性设置不完整或者半透明机制导致的，我给你几个实用的排查和解决方法：

• 先检查导航栏的半透明属性
  默认状态下导航栏是半透明的（translucent = YES），这时候直接设置backgroundColor往往不会让颜色铺满整个导航栏——尤其是当导航栏延伸到状态栏区域时，顶部会显示状态栏的默认背景色（通常是白色）。你可以先尝试关闭半透明：

navbar.translucent = NO;

关闭后再重新设置背景色，看看是否能让整个导航栏显示红色。

• 改用barTintColor设置背景色
  在iOS中，barTintColor才是专门控制导航栏整体背景色的属性，而backgroundColor在半透明模式下的作用很有限。你可以替换成下面的代码试试：

navbar.barTintColor = [UIColor redColor];
navbar.translucent = NO; // 不需要半透明效果的话加上这行

如果需要保留半透明的沉浸式效果，还可以配合设置导航栏的背景图片：

// 先实现一个UIImage的分类方法生成纯色图片
@implementation UIImage (Color)
+ (UIImage *)imageWithColor:(UIColor *)color {
    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}
@end

// 然后设置导航栏背景图片
UIImage *redBgImage = [UIImage imageWithColor:[UIColor redColor]];
[navbar setBackgroundImage:redBgImage forBarMetrics:UIBarMetricsDefault];

• 检查视图延伸设置
  你也可以看看当前ViewController的edgesForExtendedLayout属性，这个属性控制视图是否会延伸到导航栏下方。如果不需要这种延伸效果，可以设置：

self.edgesForExtendedLayout = UIRectEdgeNone;

这能避免视图和导航栏重叠，也能让导航栏的背景色正常显示。

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