Swift中Tab Bar图标与文本布局调整：横屏时文本需显示在图标旁

没错，我之前也碰到过完全一样的问题——Storyboard里预览明明正常，但模拟器或真机上文本还是堆在图标下面。这主要是因为系统默认的Tab Bar布局逻辑会在运行时根据实际屏幕尺寸自动调整，而Storyboard的预览没法完全还原这种动态行为。不过用简单的配置就能解决，给你两种靠谱的方案：

方案一：代码强制设置Tab Bar布局属性 #

这是最稳妥的方法，直接在你的TabBarViewController的viewDidLoad方法里添加代码，强制让文本和图标横向排列：

Swift版本 #

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 设置Tab Bar的item布局方式为填充整个宽度
    tabBar.itemPositioning = .fill
    // 调整图标和文本之间的间距，可根据需求修改数值
    tabBar.itemSpacing = 8
    // 让文本偏移到图标的右侧，水平偏移量按需调整
    tabBar.titlePositionAdjustment = UIOffset(horizontal: 8, vertical: 0)
    
    // 如果需要固定每个Tab Bar Item的宽度，可添加这行
    // tabBar.itemWidth = 80
}

Objective-C版本 #

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.tabBar.itemPositioning = UITabBarItemPositioningFill;
    self.tabBar.itemSpacing = 8;
    self.tabBar.titlePositionAdjustment = UIOffsetMake(8, 0);
    
    // 固定item宽度可选
    // self.tabBar.itemWidth = 80;
}

方案二：检查Storyboard的隐藏设置 #

如果偏好可视化配置，可以试试调整Storyboard里的属性：

• 选中Storyboard中的Tab Bar
• 打开右侧的Size Inspector（尺寸检查器）
• 找到Item Positioning选项，设置为Fill
• 调整Title Position Adjustment的水平偏移值（比如设为8）

不过还是更推荐方案一，因为代码设置能确保在所有设备和屏幕尺寸下都生效，不会再出现预览和实际运行不一致的问题。

运行之后，横屏状态下Tab Bar的文本就会乖乖显示在图标旁边啦！

内容的提问来源于stack exchange，提问作者Adam C.