UITableView-节的页脚-iPhoneX

Question

I have problem with iPhone and UITableView section footer. It is being "hidden" behind the top cut-out section.

I have this code:

override func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {

        var content = "some long text"


        let footerView = UIView(frame: CGRect(x: 0, y: 0, width: view.frame.size.width, height: 40))

        let explanationLabel = UILabel(frame: CGRect(x: 10, y: 0, width: view.frame.size.width - 20, height: 50))
        explanationLabel.font = UIFont.systemFont(ofSize: 14, weight: UIFont.Weight.light)
        explanationLabel.textColor = UIColor.darkGray
        explanationLabel.numberOfLines = 0
        explanationLabel.lineBreakMode = .byTruncatingTail
        explanationLabel.text = content
        footerView.addSubview(explanationLabel)
        return footerView
    }

My UITableViewController is added from storyboard and safe areas are set. I have no problem with table lines, only with section footer.

Answer 1

It seems that I have solved the problem with this code, added after footerView.addSubview(explanationLabel) :

explanationLabel.translatesAutoresizingMaskIntoConstraints = false

if #available(iOS 11.0, *) {
    let guide = footerView.safeAreaLayoutGuide

    NSLayoutConstraint.activate([
        explanationLabel.topAnchor.constraint(equalTo: footerView.topAnchor),
        explanationLabel.leadingAnchor.constraint(equalTo: guide.leadingAnchor, constant: 10),
        explanationLabel.trailingAnchor.constraint(equalTo: guide.trailingAnchor, constant: -10),
        explanationLabel.bottomAnchor.constraint(equalTo:  footerView.bottomAnchor)
   ])
}
else {        
    NSLayoutConstraint.activate([
        explanationLabel.topAnchor.constraint(equalTo: footerView.topAnchor),
        explanationLabel.leadingAnchor.constraint(equalTo: footerView.leadingAnchor, constant: 10),
        explanationLabel.trailingAnchor.constraint(equalTo: footerView.trailingAnchor, constant: -10),
        explanationLabel.bottomAnchor.constraint(equalTo:  footerView.bottomAnchor)
    ])
}