Eliminating a distinctive blur edge between UINavigationBar and UIVisualEffectView
<p>Currently, my view hierarchy consists of a UIViewController (NOT UITableViewController), a UITableView nested in the view controller and a UIVisualEffectView (set to Extra Light) in front of the UITableView, aligned to the bottom of a UINavigationBar. The effect I want to achieve is somewhat similar to that of the App Store's segmented view. </p>

<p>However, I noticed a weird blur edge occurring at the boundary between the navigation bar and the UIVisualEffectView that makes the view look inconsistent, as pictured below (highlighted by the red circle):</p>

<p><a href="https://i.stack.imgur.com/Mx2RU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Mx2RU.png" alt="enter image description here"></a></p>

<p>Optimally, I would prefer that the UIVisualEffectView blends perfectly with the UINavigationBar's blur.</p>

<p>Thanks.</p>