Swift：如何让Navigation Controller中的视图铺满全屏并覆盖导航栏？

没问题！要让你的黑色视图完全覆盖Navigation Bar，实现全屏效果，你可以根据项目需求选择下面这些方法：

方法一：透明导航栏+让视图延伸到导航栏区域 #

这个方法会让导航栏变成透明，你的视图可以延伸覆盖到导航栏原本的位置，同时导航栏上的按钮依然可以正常交互。

Swift 代码示例： #

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 允许视图延伸到导航栏、状态栏下方
    self.edgesForExtendedLayout = .all
    
    // 适配iOS 13及以上版本的导航栏外观
    if #available(iOS 13.0, *) {
        let navBarAppearance = UINavigationBarAppearance()
        navBarAppearance.backgroundColor = .clear // 设置透明背景
        navBarAppearance.shadowColor = .clear // 移除导航栏底部阴影
        navigationController?.navigationBar.standardAppearance = navBarAppearance
        navigationController?.navigationBar.scrollEdgeAppearance = navBarAppearance
    } else {
        // iOS 13以下版本的设置
        navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
        navigationController?.navigationBar.shadowImage = UIImage()
    }
}

Objective-C 代码示例： #

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.edgesForExtendedLayout = UIRectEdgeAll;
    
    if (@available(iOS 13.0, *)) {
        UINavigationBarAppearance *navBarAppearance = [[UINavigationBarAppearance alloc] init];
        navBarAppearance.backgroundColor = [UIColor clearColor];
        navBarAppearance.shadowColor = [UIColor clearColor];
        self.navigationController.navigationBar.standardAppearance = navBarAppearance;
        self.navigationController.navigationBar.scrollEdgeAppearance = navBarAppearance;
    } else {
        [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
        self.navigationController.navigationBar.shadowImage = [UIImage new];
    }
}

方法二：直接隐藏Navigation Bar #

如果不需要保留导航栏的任何元素，直接隐藏它就能实现纯全屏效果：

Swift 代码示例： #

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    // 隐藏导航栏
    navigationController?.navigationBar.isHidden = true
}

override func viewWillDisappear(_ animated: Bool) {
    super.viewWillDisappear(animated)
    // 离开当前页面时记得恢复导航栏显示（如果需要的话）
    navigationController?.navigationBar.isHidden = false
}

Objective-C 代码示例： #

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    self.navigationController.navigationBar.hidden = YES;
}

- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    self.navigationController.navigationBar.hidden = NO;
}

注意事项 #

• 如果你的视图包含scrollView（比如UITableView），记得调整contentInset，避免内容被状态栏遮挡（按需设置即可）。
• 测试时注意适配不同iOS版本，尤其是iOS 13之后的导航栏外观设置逻辑有明显变化。

内容的提问来源于stack exchange，提问作者양홍범