title: Current View underlapping UINavigationController's navigation bar
body: <p>I am designing a registration page view, <strong>programmatically</strong>, for my app where the user can enter in an image of themselves and some info. </p>
  
  <p>In my LoginController I create a UINavigationController with a rootviewcontroller of my RegisterController which is then displayed.</p>
  
  <pre><code>func handleRegisterButtonClicked() {
      let registerController = RegisterController()
      let navController = UINavigationController(rootViewController: registerController)
      present(navController, animated: true, completion: nil)
  }
  </code></pre>
  
  <p>Right now I have added a picture for them to click to upload their photo. I want this picture to always show up 30px underneath the navigation bar, but instead underlaps the navigation bar, showing up 30px from the top of the screen: </p>
  
  <p><a href="https://i.stack.imgur.com/TFYx4.png" rel="nofollow noreferrer">Portrait Orientated</a>
  <a href="https://i.stack.imgur.com/hBXKT.png" rel="nofollow noreferrer">Landscape Orientated</a> </p>
  
  <pre><code>class RegisterController: UIViewController {
  ...
  func setupViews() {
      profilePic.topAnchor.constraint(equalTo: view.topAnchor, constant: 30).isActive = true
  }
  </code></pre>
  
  <p>Is there a way to add a constraint to the profilePic so that it is anchored to the bottom of the navigation bar (in both portrait and landscape orientations)?</p>