title: Embedding Navigation Controller in a Tab Bar Controller changes Safe Area for View Controller
body: <p>I have a view for which I'd like to show it with a navigation at the top and a tab bar at the bottom. This view will be opened from a tab in top-level Tab Bar Controller.</p>
  
  <p>When I embed a Navigation Controller in a Tab Bar Controller for this view, Safe Area inside my ViewController changes. Embed operation adds some offset from top and bottom. </p>
  
  <p>Before embedding it looks like:
  <a href="https://i.stack.imgur.com/oQQSN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oQQSN.png" alt="before embed"></a></p>
  
  <p>And after embedding it changes to this:
  <a href="https://i.stack.imgur.com/dr25m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dr25m.png" alt="after embed"></a></p>
  
  <p>Views settings pane looks like the following:
  <a href="https://i.stack.imgur.com/Wkc38.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Wkc38.png" alt="enter image description here"></a></p>
  
  <p>Why is this happening? And how can I fix this?</p>