UITabBar items title position issue

Question

I cannot solve this issue, related to the position of the title of every single tab bar item in a UITabBar. I tried with this:

extension UITabBar {
    override open var traitCollection: UITraitCollection {
        if UIDevice.current.userInterfaceIdiom == .pad {
            return UITraitCollection(horizontalSizeClass: .compact)
        }
        return super.traitCollection
    }
}

With no success. How can I solve this misalignment?

Answer 1

Check if this is worked, change values in UIOffset per what position you want.

if #available(iOS 13, *) {
    let appearance = UITabBarAppearance()
    
    // set padding between tabbar item title and image
    appearance.stackedLayoutAppearance.selected.titlePositionAdjustment = UIOffset(horizontal: 0, vertical: 4)
    appearance.stackedLayoutAppearance.normal.titlePositionAdjustment = UIOffset(horizontal: 0, vertical: 4)
    
    self.tabBar.standardAppearance = appearance
} else {
    // set padding between tabbar item title and image
    UITabBarItem.appearance().titlePositionAdjustment = UIOffset(horizontal: 0, vertical: 4)
}