Hoe implementeer je de volledige lay-out (full layout) in iOS?

Op iOS wordt voor het implementeren van een volledige lay-out (full layout) meestal Auto Layout met NSLayoutConstraint of de modernere SwiftUI gebruikt.

Als we het over UIKit hebben, kunnen we:

• UIView gebruiken als container die het hele scherm beslaat.
• Kind-elementen toevoegen met beperkingen die ze aan de randen van de superview (leading, trailing, top, bottom) binden.
• safeAreaLayoutGuide gebruiken om uitsparingen en panelen in rekening te brengen.

Voorbeeld in UIKit met Auto Layout:

let containerView = UIView()
containerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(containerView)

NSLayoutConstraint.activate([
    containerView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    containerView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
    containerView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor),
    containerView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor)
])

In SwiftUI is het voldoende om ZStack of VStack te gebruiken met de modifier .edgesIgnoringSafeArea(.all) om het hele scherm te bedekken.

Dus, een full layout is een ontwerp dat de volledige beschikbare ruimte van het scherm inneemt, rekening houdend met de veilige zones.