Question 67796 in IOS Swift Question posted in
The official documentation can be found here.

UIKit: Constraints with respecting NavBar and ignoring safe area at the bottom – Ios swift

I’m following by one of the video of Paul Hudson and trying to recreate detail screen with full screen image. By following the video I set up constraints to Reset to suggested contains but I have different values compering to video. I tried to play around with settings but can’t get the expected result…

Constraints:

Image View.top = topMargin - 44
Image View.centerX = centerX
Image View.centerY = centerY
Image View.leading = Safe Area.leading

Result:

enter image description here

Expected:

enter image description here

Question: How to set up constraints to respect NavigationBar and took all other place in the screen, like in expected image?

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Based on answer from Sweeper created constraints in Storyboard:

    Image View.leading = leading
Image View.top = Safe Area.top
trailing = Image View.trailing
bottom = Image View.bottom

  2. 0

    Assuming your VC is embedded in a navigation controller, you basically want to constraint the left, right and bottom of the image view to be equal to its superview, and the top of the image view to the top layout guide:

    enter image description here

    You should select the image view, and add the constraints using this pop up:

    enter image description here

    Click on all four of the thingys I circled. If the first or second items of the constraints added are incorrect, change them by selecting the constraint and using the drop down here:

    enter image description here

    Alternatively, just add them with code:

    imageView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    imageView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    imageView.leftAnchor.constraint(equalTo: view.leftAnchor),
    imageView.rightAnchor.constraint(equalTo: view.rightAnchor),
    imageView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
])
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search