How to spacing tab bar items equally in tab bar

Question

I have 3 tab bar items, I want them to show like this in tab bar:

|                  |

|    1    2    3   |

|                  |

I see this property in InterfaceBuilder:

I have tried all cases, but it doesn't work, it shows something like this:

|                  |

|      1  2  3     |

|                  |

use flexible space in between your bar items like flexiblespace-item1-flexiblespace-item2-flexiblespace-item3-flexiblespace — Saurabh Prajapati, Feb 11 '17 at 08:44
Answered this question in another post. see solution here. [enter link description here](https://stackoverflow.com/a/44552862/2479910) — Gustavo_fringe, Jun 14 '17 at 19:16

score 4 · Answer 1 · answered Apr 12 '17 at 14:29

4

Well, here is a universal solution, without any hard coded values.

In the viewDidLoad() of your UITabBarController, set

tabBar.itemPositioning = .fill

answered Apr 12 '17 at 14:29

Dilpreet

61
4

Works for me. You can either create a new class or select this option in the Interface Builder – jshapy8 Jul 03 '17 at 17:08

score 1 · Accepted Answer · answered Feb 11 '17 at 08:18

Here is simplest solution:

If you have a sub TabBarController, add this code in viewDidLayoutSubviews, it works for me.

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    self.tabBar.itemSpacing = UIScreen.main.bounds.width / 6
}

score 1 · Answer 3 · answered Oct 20 '17 at 03:09

1

Here's the code for Objective-C.

-(void)viewDidLoad
{
    [super viewDidLoad];

    [self.tabBar setItemPositioning:UITabBarItemPositioningFill];
}

You can also set the value in the Storyboard on the Tab Bar

answered Oct 20 '17 at 03:09

bvmobileapps

177
2
7

score 1 · Answer 4 · answered Jun 27 '18 at 13:09

The accepted answer requires tabBar.itemPositioning to be set in order for it to work. If the above answer does not work, try setting it to .centered. Thereafter, you should be able to programmatically set the item spacing.

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    self.tabBar.itemPositioning = .centered
    self.tabBar.itemSpacing = UIScreen.main.bounds.width / 6
}

How to spacing tab bar items equally in tab bar

4 Answers4