How to fix this? (tabbar icon horizontal position)

Question

Industrial Designer OP

Created Dec ’19

Replies 3

Boosts 0

Views 1.4k

Participants 3

Hi,

For some weird reason.. storyboard shows fine but when building the Tabbar displays the icon then the text, all horizontal, thus looking bad.

How can I position the icon on top and the text below? (as normal)

THanks

Boost

Answer 1

Claude31 OP

Dec ’19

The presentation adapts to the width available. And put text on the right when enough space available.

Could not find a way to change this automatic behavior.

Nor found answer elsewhere:

https://stackoverflow.com/questions/49239286/change-icon-text-placement-on-tab-bar-in-swift

0

Answer 2

Industrial Designer OP

Dec ’19

Thanks. It did help.

It seems Apple decided to ignore the fact that some UI designs incorporate Tabbars on the left side (with more than 4 Tabs). Nothing we can do but to use icons or text only 🏻♂.

0

Answer 3

KMT OP

Dec ’19

>Nothing we can do but to use icons or text only

Or.... an icon with the text -on- it. ✅

Simply embed the text you want directly into the image used for the icon. If you localize, be sure to use a different icon/image set for each language.

0