隐藏Navigation Bar后如何让视图移至状态栏下方？

我之前也踩过这个坑！隐藏导航栏后状态栏还留着，视图却没自动顶上去，白白浪费了顶部空间对吧？给你几个亲测有效的解决办法，分场景来用：

1. 调整导航控制器的布局扩展属性（最常用） #

在你要隐藏导航栏的控制器的viewWillAppear方法里，加上这段代码，强制让视图延伸到状态栏下方：

Swift 示例 #

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    // 隐藏导航栏
    navigationController?.setNavigationBarHidden(true, animated: animated)
    // 允许视图延伸到顶部状态栏下方
    navigationController?.edgesForExtendedLayout = .top
    // 如果需要视图完全覆盖所有系统栏下方区域，可设置为 .all
}

Objective-C 示例 #

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    // 隐藏导航栏
    [self.navigationController setNavigationBarHidden:YES animated:animated];
    // 允许视图延伸到顶部状态栏下方
    self.navigationController.edgesForExtendedLayout = UIRectEdgeTop;
}

这个属性默认值是.all，但有时候会被其他配置覆盖，手动设置一下就能解决大部分问题。

2. Auto Layout 约束调整（针对自定义视图） #

如果你的视图是用Auto Layout布局的，别把顶部约束绑到旧的Top Layout Guide，直接绑定到父视图的顶部：

Swift 示例 #

// 假设你的主视图是mainView
mainView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true

Objective-C 示例 #

// 假设你的主视图是mainView
[mainView.topAnchor constraintEqualToAnchor:self.view.topAnchor].active = YES;

这样视图就会从屏幕最顶部（状态栏下方的位置）开始布局，自动填充原来导航栏的空间。

3. Storyboard 可视化设置（不用写代码） #

如果是用Storyboard开发，选中目标控制器，在右侧Attributes Inspector里找到Extend Edges选项，勾选Under Top Bars，同时确保你已经给控制器设置了隐藏导航栏的逻辑（比如在Storyboard里勾选Navigation Bar的Hidden选项，或者代码里隐藏）。

4. 适配状态栏样式（可选） #

如果你的视图背景颜色和状态栏文字冲突，还可以自定义状态栏样式：

1. 在Info.plist里添加View controller-based status bar appearance，设置为YES
2. 在控制器里重写样式方法：

Swift 示例 #

override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent // 浅色文字，适合深色背景视图；反之用 .default
}

Objective-C 示例 #

- (UIStatusBarStyle)preferredStatusBarStyle {
    return UIStatusBarStyleLightContent;
}

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