<h3 id="heading-a-view-that-goes-over-the-top-of-the-nav-bar">A view that goes over the top of the nav bar</h3>
<pre><code>guard let navigationController <span class="hljs-operator">=</span> navigationController <span class="hljs-keyword">else</span> { <span class="hljs-keyword">return</span> }
let overlay <span class="hljs-operator">=</span> UIView()
navigationController.view.addSubview(overlay)
overlay.topAnchor.constraint(equalTo: navigationController).isActive <span class="hljs-operator">=</span> <span class="hljs-literal">true</span>
<span class="hljs-comment">// set up the rest of the autolayout constraints</span>
</code></pre><h3 id="heading-useful-heights">Useful heights</h3>
<pre><code>let navigationBarHeight: CGFloat <span class="hljs-operator">=</span> navBarHidden ? .zero : navigationController?.navigationBar.frameHeight ?? .zero
        let statusBarHeight: CGFloat <span class="hljs-operator">=</span> UIApplication.shared.keyWindow?.safeAreaInsets.top ?? .zero
</code></pre>

### A view that goes over the top of the nav bar
```
guard let navigationController = navigationController else { return }
let overlay = UIView()
navigationController.view.addSubview(overlay)
overlay.topAnchor.constraint(equalTo: navigationController).isActive = true
// set up the rest of the autolayout constraints
```

### Useful heights
```
let navigationBarHeight: CGFloat = navBarHidden ? .zero : navigationController?.navigationBar.frameHeight ?? .zero
        let statusBarHeight: CGFloat = UIApplication.shared.keyWindow?.safeAreaInsets.top ?? .zero
```

Navigation bar UI tips

I'm an iOS developer, helping millennials with their finances through US neo-bank, Empower.
Before making the switch to development, I was a strategist and GM in the tech space.
