在 Snapkit 中，tableViewController 上的 safeAreaLayoutGuide 不起作用

Posted 2023-03-15

【中文标题】在 Snapkit 中，tableViewController 上的 safeAreaLayoutGuide 不起作用

【英文标题】：in Snapkit, safeAreaLayoutGuide on tableViewController isn't work

【发布时间】：2018-04-17 13:43:55

【问题描述】：

我想将 BlueView 放在 TableViewController 上的 NavigationBar 下。但它不起作用。

点赞[1]：https://imgur.com/a/5WcQQ

class TableViewController: UITableViewController 
    private func setupView() 
        view.addSubview(blueView)

        blueView.translatesAutoresizingMaskIntoConstraints = false
        blueView.snp.makeConstraints  (make) in
            make.left.equalTo(view.snp.left)
            make.right.equalTo(view.snp.right)
            make.top.equalTo(view.safeAreaLayoutGuide.snp.topMargin)
            make.height.equalTo(50)
        
    

我发现它可以通过将 viewController 与 tableview 一起使用来工作。

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource 

    @IBOutlet var tableView: UITableView!
    private func setupView() 
        view.addSubview(blueView)

        blueView.translatesAutoresizingMaskIntoConstraints = false
        blueView.snp.makeConstraints  (make) in
            make.left.equalTo(view.snp.left)
            make.right.equalTo(view.snp.right)
            make.top.equalTo(view.safeAreaLayoutGuide.snp.topMargin)
            make.height.equalTo(50)
        
    

但我真的很想知道为什么？或者关于 UITableViewController 上的 safeAreaLayoutGuide 的任何其他想法。

【参考方案1】：

我认为 tableViewController 由一个覆盖所有内容的 tableView 组成，因此您无法在 tableView 和导航栏之间放置视图。您可以尝试使用 view.bringSubview(toFront: blueView) 将您的 blueView 置于 tableView 之上

其次，您的代码有点偏离最佳实践。

blueView.snp.makeConstraints  (make) in
    make.leading.trailing.top.equalToSuperview()
    make.height.equalTo(50)

这应该与您的代码具有完全相同的效果，但要短得多。

编辑：如果这导致视图位于您的navigationBar 下方，请在您的viewDidLoad() 或setup function 中设置edgesForExtendedLayout = []