title: Black Navigation Bar covering image view in collection view header
body: <p>I have a collection view header who's background contains an image. What I am trying to do is allow for the image to be the background of the navigation controller.</p>
  <blockquote>
  <p>What I have now <br>
  <a href="https://i.stack.imgur.com/FjfQt.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FjfQt.jpg" alt="Current" /></a></p>
  </blockquote>
  <br>
  <br>
  <blockquote>
  <p>This is what I am trying to achieve
  <a href="https://i.stack.imgur.com/zsWug.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zsWug.png" alt="What i am trying to achieve" /></a></p>
  </blockquote>
  <p>I have tried a lot of things so far. I made the navigation bar translucent. I adjusted the edges for extended layout, and I have set the property of navigation controller to be under opaque bars.</p>
  <pre><code>override func viewWillAppear(_ animated: Bool) {
      super.viewWillAppear(true)
      navigationController?.navigationBar.isHidden = false
      navigationController?.navigationBar.isTranslucent = true
      tabBarController?.tabBar.isHidden = false
      tabBarController?.tabBar.barTintColor = UIColor.white
      tabBarController?.tabBar.tintColor = UIColor.lightWetAsphalt
      self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
      self.navigationController!.navigationBar.shadowImage = UIImage()
      self.navigationController?.navigationBar.backgroundColor = UIColor.clear
      self.edgesForExtendedLayout = []
      collectionView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentBehavior.never
  }
  </code></pre>
  <br>
  <br>
  <p>Note: If i hide the navigation controller, the image view goes under the status bar perfectly fine. For some reason, when I don't hide the navigation bar, thats when it brings up this black view</p>