tabBar buttons are overlapping. How can I space them out better?
<p>I'm having an issue with a children's app I'm making.
My tab bar items are not being spaced out properly and I'm not sure how to go about fixing it. </p>

<p>Here's a pic of how it looks:
<a href="https://i.stack.imgur.com/On3QR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/On3QR.png" alt="enter image description here"></a></p>

<p>If someone could give me a little direction on how I can stope my items from overlapping and space them out evenly across the screen, it would be a huge help.</p>

<p>Thanks :)</p>