求助：SnapKit中TableViewController的safeAreaLayoutGuide失效问题

我明白你现在遇到的问题了——想在UITableViewController的导航栏下方放置BlueView，但当前的代码没能实现预期效果。这主要是因为UITableViewController的根视图本身就是UITableView，你直接给view（也就是tableView）添加子视图时，这个BlueView很容易被tableView的单元格、表头或者自动调整的内边距给遮挡住，而且safeAreaLayoutGuide.snp.topMargin的约束也没精准锚定到导航栏的底部位置。

下面给你几个可行的解决方案，你可以根据自己的需求选择：

方案一：将BlueView设为TableView的表头（最简便） #

如果你的BlueView只是作为列表的顶部固定区域，直接把它设置成tableView的tableHeaderView是最省事的方法，这样它会自动出现在导航栏下方，不会被单元格覆盖：

class TableViewController: UITableViewController {
    private let blueView = UIView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupView()
    }
    
    private func setupView() {
        blueView.backgroundColor = .blue
        // 将blueView设为tableView的表头
        tableView.tableHeaderView = blueView
        
        // 给blueView添加约束，固定高度和宽度
        blueView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            blueView.heightAnchor.constraint(equalToConstant: 50),
            blueView.widthAnchor.constraint(equalTo: tableView.widthAnchor)
        ])
        
        // 强制更新布局，避免表头高度自适应异常
        blueView.layoutIfNeeded()
    }
}

方案二：改用普通UIViewController管理TableView和BlueView（最灵活） #

如果你的布局更复杂，或者不想把BlueView作为表头，建议放弃UITableViewController，改用普通的UIViewController来同时管理tableView和BlueView，这样能完全掌控两个视图的位置关系：

class CustomViewController: UIViewController {
    private let tableView = UITableView()
    private let blueView = UIView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupNavigationBar()
        setupView()
    }
    
    private func setupNavigationBar() {
        title = "Test"
        navigationController?.navigationBar.prefersLargeTitles = false
    }
    
    private func setupView() {
        blueView.backgroundColor = .blue
        view.addSubview(blueView)
        view.addSubview(tableView)
        
        // 关闭自动约束转换，使用AutoLayout
        blueView.translatesAutoresizingMaskIntoConstraints = false
        tableView.translatesAutoresizingMaskIntoConstraints = false
        
        // 添加约束：BlueView紧贴导航栏下方，tableView在BlueView下方
        NSLayoutConstraint.activate([
            blueView.leftAnchor.constraint(equalTo: view.leftAnchor),
            blueView.rightAnchor.constraint(equalTo: view.rightAnchor),
            blueView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
            blueView.heightAnchor.constraint(equalToConstant: 50),
            
            tableView.topAnchor.constraint(equalTo: blueView.bottomAnchor),
            tableView.leftAnchor.constraint(equalTo: view.leftAnchor),
            tableView.rightAnchor.constraint(equalTo: view.rightAnchor),
            tableView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
        
        // 配置tableView的数据源和代理
        tableView.dataSource = self
        tableView.delegate = self
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "Cell")
    }
}

// 实现TableView的数据源和代理方法
extension CustomViewController: UITableViewDataSource, UITableViewDelegate {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 20
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = "Row \(indexPath.row)"
        return cell
    }
}

方案三：将BlueView添加到导航控制器的视图上（适合必须用UITableViewController的场景） #

如果一定要保留UITableViewController，可以把BlueView添加到导航控制器的根视图上，锚定到导航栏的底部，同时确保它在tableView的上层：

class TableViewController: UITableViewController {
    private let blueView = UIView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupView()
    }
    
    private func setupView() {
        blueView.backgroundColor = .blue
        guard let navView = navigationController?.view else { return }
        
        navView.addSubview(blueView)
        blueView.translatesAutoresizingMaskIntoConstraints = false
        
        // 约束锚定到导航栏底部，没有导航栏时则使用safeArea顶部
        NSLayoutConstraint.activate([
            blueView.leftAnchor.constraint(equalTo: navView.leftAnchor),
            blueView.rightAnchor.constraint(equalTo: navView.rightAnchor),
            blueView.topAnchor.constraint(equalTo: navigationController?.navigationBar.bottomAnchor ?? navView.safeAreaLayoutGuide.topAnchor),
            blueView.heightAnchor.constraint(equalToConstant: 50)
        ])
        
        // 确保BlueView在tableView上方，避免被遮挡
        navView.bringSubviewToFront(blueView)
    }
}

这三个方案里，我最推荐方案一或方案二：方案一代码改动最小，适合简单的顶部固定视图；方案二布局灵活性最高，能应对更多复杂场景。

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