UICollectionView scroll under TabBarItem
<p>I have a UITabbarController that points to a storyboard reference like the image below:</p>

<p><a href="https://i.stack.imgur.com/e6l2n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e6l2n.png" alt="UITabBarController pointing to storyboard reference"></a></p>

<p>In the storyboard I have a CollectionView and a TabBarItem:</p>

<p><a href="https://i.stack.imgur.com/aHCGq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aHCGq.png" alt="CollectionView and TabbarItem"></a></p>

<p>The problem is when I run this the CollectionView is under the tabbar item like</p>

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

<p>How do I make the CollectionView scroll respect the tabbaritem and not get under it?</p>