ios – The best way to Create a Dynamic Top Desk Header with Title and Description in UITableView?

I’ve a UITableView and I need to show a dynamic header on the prime of the desk.
I’m making an attempt to do that utilizing tableHeaderView. The header accommodates a titleLabel and a descriptionLabel organized inside a UIStackView. I additionally need to add padding across the UIStackView.

Right here is the simplified model of my CustomHeaderView:

class CustomHeaderView: UIView {
    
    var padding: UIEdgeInsets = .zero

    // MARK: - UI Parts
    non-public lazy var titleLabel: UILabel = {
        let label = UILabel()
        label.numberOfLines = 0
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    non-public lazy var descriptionLabel: UILabel = {
        let label = UILabel()
        label.numberOfLines = 0
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    non-public lazy var stackView: UIStackView = {
        let stackView = UIStackView(arrangedSubviews: [titleLabel, descriptionLabel])
        stackView.axis = .vertical
        stackView.alignment = .fill
        stackView.spacing = 8
        stackView.translatesAutoresizingMaskIntoConstraints = false
        return stackView
    }()

    override init(body: CGRect = .zero) {
        tremendous.init(body: body)
        setupView()
    }

    required init?(coder: NSCoder) {
        tremendous.init(coder: coder)
        setupView()
    }

    non-public func setupView() {
        addSubview(stackView)
        NSLayoutConstraint.activate([
            stackView.topAnchor.constraint(equalTo: topAnchor, constant: padding.top),
            stackView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: padding.left),
            stackView.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -padding.right),
            stackView.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -padding.bottom),
        ])
    }
}

In my ViewController, I arrange the header like this:

override func viewDidLoad() {
    tremendous.viewDidLoad()

    let headerView = CustomHeaderView()
    headerView.padding = .init(prime: 70, left: 23, backside: 8, proper: 23)
    tableView.tableHeaderView = headerView
}

override func viewDidLayoutSubviews() {
    tremendous.viewDidLayoutSubviews()
    tableView.updateHeaderViewHeight()
}

I take advantage of the next extension to dynamically replace the peak of the header:

extension UITableView {
    func updateHeaderViewHeight() {
        guard let headerView = self.tableHeaderView else { return }
        headerView.setNeedsLayout()
        headerView.layoutIfNeeded()
        
        let dimension = headerView.systemLayoutSizeFitting(CGSize(width: self.bounds.width, peak: 0))
        if headerView.body.dimension.peak != dimension.peak {
            headerView.body.dimension.peak = dimension.peak
            self.tableHeaderView = headerView
        }
    }
}

The setup works as anticipated, and the header adjusts its dimension dynamically based mostly on the content material. Nonetheless, I’m encountering Auto Format warnings.

First warning:

(
    "<0x600002137250 v:="" names:="">""<0x600002134cd0 uistackview:0x10312c3f0.backside="=" veriqsdk.customheaderview:0x101504910.backside="">""<0x600002143f70 uistackview:0x10312c3f0.prime="=" uilabel:0x10312cba0.prime="">""<0x600002143de0 v:="" names:="">""<0x600002143f20 v:="">""<0x600002148000 veriqsdk.customheaderview:0x101504910.peak="=">"<0x600002143f20 v:=""/>0x600002148000>0x600002143f20>0x600002143de0>0x600002143f70>0x600002134cd0>0x600002137250>

"<0x600002137250 v:="" names:="">""<0x600002134cd0 uistackview:0x10312c3f0.backside="=" veriqsdk.customheaderview:0x101504910.backside="">""<0x600002148000 veriqsdk.customheaderview:0x101504910.peak="=">"<0x600002134cd0 uistackview:0x10312c3f0.backside="=" veriqsdk.customheaderview:0x101504910.backside=""/>0x600002148000>0x600002134cd0>0x600002137250>