ESTabBarController is a highly customizable TabBarController component, which is inherited from UITabBarController.

Hi, I am using this library in my project and after updating from version 2.5 to 2.6.1 I've noticed that the tab icons size has changed and now they are very small. My tab bar design is image only. Each icon size is 40x40. I wanted to know if this change is by design or it's a bug?

Thanks!

Greetings!

Yesterday I did update my cocoapods and my project is no longer compile because of an error in ESTabBarController pod.

The issue is pretty trivial and is related to container.accessibilityTraits access Could you please update the pod as we can't afford to do that because of CI flow integrated to our development cycle.

Here are instructions of where the exact issue is:

File: ESTabBar.swift Line 247: i**nternal extension ESTabBar /* Actions / {* Line 415: container.accessibilityTraits = container.accessibilityTraits.union(.selected) Error message: Value of type 'UIAccessibilityTraits' (aka 'UInt64') has no member 'union'

Thank you in advance and hope for the quick fix as its really blocks us. Best Regards, Yegor

let tabController:ESTabBarController = ESTabBarController()
tabController.delegate = self
func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool {
        print("running")
        return true
    }

If I set selectedIndex = 2 in viewDidLoad function of Tabbar Controller, when first open App , first item and third item will both show select animation. So if I want to just show third item animation.How can I do? Please help me, thanks!

code:

 class CustomTabbarController: ESTabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        if let tabBar = self.tabBar as? ESTabBar {
            tabBar.itemCustomPositioning = .fillIncludeSeparator
        }
        
        let v1 = UIViewController()
        let v1Nav = UINavigationController(rootViewController: v1)
        
        let v2 = UIViewController()
        let v2Nav = UINavigationController(rootViewController: v2)
        
        let v3 = UIViewController()
        let v3Nav = UINavigationController(rootViewController: v3)
        
        let v4 = UIViewController()
        let v4Nav = UINavigationController(rootViewController: v4)
        
        let v5 = UIViewController()
        let v5Nav = UINavigationController(rootViewController: v5)
        
        v1Nav.tabBarItem = ESTabBarItem.init(...)
        v2Nav.tabBarItem = ESTabBarItem.init(...)
        v3Nav.tabBarItem = ESTabBarItem.init(...)
        v4Nav.tabBarItem = ESTabBarItem.init(...)
        v5Nav.tabBarItem = ESTabBarItem.init(...)
        
        self.viewControllers = [v1Nav, v2Nav, v3Nav, v4Nav, v5Nav]
        
        selectedIndex = 2
    }
}  

class TabBarContentView: ESTabBarItemContentView {

    public var duration = 0.3
    override init(frame: CGRect) {
        super.init(frame: frame)
        highlightTextColor = UIColor.hex(hexStr: GREEN, alpha: 1)
        renderingMode = .alwaysOriginal
    }
    
    public required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func selectAnimation(animated: Bool, completion: (() -> ())?) {
        self.bounceAnimation()
        completion?()
    }
    
    override func reselectAnimation(animated: Bool, completion: (() -> ())?) {
        self.bounceAnimation()
        completion?()
    }
    
    func bounceAnimation() {
        let impliesAnimation = CAKeyframeAnimation(keyPath: "transform.scale")
        impliesAnimation.values = [1.0 ,1.4, 0.9, 1.15, 0.95, 1.02, 1.0]
        impliesAnimation.duration = duration * 2
        impliesAnimation.calculationMode = kCAAnimationCubic
        imageView.layer.add(impliesAnimation, forKey: nil)
    }

}

When an app is running on iPad (or iPhone landscape), the new behavior for UITabBar on iOS 11 is that the text appears to the right of the icon rather than below it. See attached screenshots of ESTabBarController sample app running on iOS 11 simulator, this is with the mixed style of ESTabBar and UITabBar:

My proposal is that ESTabBarController exposes a property to specify whether you want the text below or to the right of the icons. Additionally, the default behavior should be to check what the OS version is and if it is 11 or greater than put the text to the right, otherwise put it below. What do you think @eggswift ?

First thanks for this nice library.

I see in your code that when same tab item is selected second time, you trigger a popToRootViewController. Why?

https://github.com/eggswift/ESTabBarController/blob/master/Sources/ESTabBar.swift#L375

And how can I disable this behaviour?

Thank you.

I am trying to add custom image for the Tab Bar Item. Its not a greyscale Image. I have tried everything to add it through methods available in the library but couldn't add it.

I have added subview to tabbar using this code.

UIImage *imgPlaceAd = [UIImage imageNamed:@"placeAd-tab-bar"];
UIImageView *imgTab = [[UIImageView alloc] initWithFrame:CGRectMake(self.tabBarController.tabBar.center.x - imgPlaceAd.size.width/2,
                                                    8.0,
                                                    imgPlaceAd.size.width,
                                                    imgPlaceAd.size.height)];
    
    imgTab.image = imgPlaceAd;

    [self.tabBarController.tabBar addSubview:imgTab];

Doing that, it changes the Item's class and it is now UITabBarItem and not ESTabBarItem

I have checked in the ESTabBar class and print the class in this function

internal func select(itemAtIndex idx: Int, animated: Bool) 
{....}

When I try to add Image using the init function of ESTabBarItem I get a circularly grey image.

PlaceAdView *placeAdVC = [[PlaceAdView alloc] init];
    
placeAdVC.tabBarItem = [[ESTabBarItem alloc] init:[[TabBarBouncesContentView alloc] init] title:@"" image:[UIImage imageNamed:@"placeAd-tab-bar"] selectedImage:[UIImage imageNamed:@"placeAd-tab-bar"] tag:2];

Is there any way to change the size of the image and the size of the title name inside the ESTabbar...i have tried many ways but it doesnt work. Please reply ASAP.

ESTabBar --------| UINavigationViewController ---------------|MainViewController Push-------------| FirstViewController Present------| SecondViewController

以上是我的层级结构 FirstViewController Present出一个模态窗口后, 我通过removeFromParent 将 FirstViewController 移出导航栈, 之后在SecondViewController中dissmiss后 回到MainViewController后发现ESTabBar不见了, 但是重新push再返回就又有了.

I subclassed ESTabBarController and having trouble with the HijackHandlers. I looked at the example project and I can't figure out what's going on.

The hijack does fire correctly and run but the tab bar is switching viewControllers before it does that. I want it to stay on the same selected item.

shouldHijackHandler = { _, _, index in if index == 4 { return true } return false } didHijackHandler = { [weak self] tabBarController, viewController,index in ... do stuff }

This is the relevant Tab definition:

var keyboardTabVC: KeyboardTabVC = { let keyboardTabVC = KeyboardTabVC() keyboardTabVC.tabBarItem = ESTabBarItem(TabBarBasicView(), title: nil, image: UIImage(named: "icKeyboard"), selectedImage: UIImage(named: "icKeyboardSelected")) return keyboardTabVC }()

Hi, I'm trying to use the selectedImage argument when building my tabs, but when I selected the tab, the image doesn't change… is there something more to do?

…
let item = ESTabBarItem(TabBarContentView(), title: nil, image: UIImage(named: "UI Tab Home"),  selectedImage: UIImage(named: "UI Tab Home Selected"))
…
final class TabBarContentView: ESTabBarItemContentView {

    override init(frame: CGRect) {
        super.init(frame: frame)
        
        highlightIconColor = .red
        badgeOffset = UIOffset(horizontal: 6, vertical: -17)
        itemContentMode = .alwaysOriginal
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    } 
}
…

Class ESTabBarController_swift.ESTabBar overrides the -traitCollection getter, which is not supported. If you're trying to override traits, you must use the appropriate API.

/// Icon imageView renderingMode, default is .alwaysTemplate like UITabBarItem
open var renderingMode: UIImage.RenderingMode = .alwaysTemplate {
    didSet {
        self.updateDisplay()
    }
}
    renderingMode = .alwaysOriginal

Could not find module 'ESTabBarController_swift' for target 'x86_64-apple-ios-simulator'; found: arm64-apple-ios-simulator, at: /Users/libin/Library/Developer/Xcode/DerivedData/yizhuotong-genhuiwlzalkncaqxrzggabyuxsa/Build/Products/Debug-iphonesimulator/ESTabBarController-swift/ESTabBarController_swift.swiftmodule

I just transitioned from iOS 13 to iOS 15 on Xcode 13 and the tab bar disappears on Table View scroll. When I scroll the table to the top the custom image of the tab bar goes away and it shows back when I scroll down. Is there any work around for that? Thanks.

• 设置了两个，但是没有一个高亮

func addChildViewController() {
    addChildViewController(vc: OverallViewController(), title: "天气预报", imageName: "weather")
    addChildViewController(vc: WeatherDetailViewController(), title: "当日情况", imageName: "detail")
    
    
}

func addChildViewController(vc: UIViewController, title: String, imageName: String) {
    //设置标题---由内至外设置的
    //设置图像
    //导航控制器
    vc.tabBarItem = ESTabBarItem(ESBouncesContentView(), title: title, image: UIImage(named: imageName), selectedImage: UIImage(named: imageName + "_sel"))
    let nav = ESNavigationController(rootViewController: vc)
    self.addChild(nav)
}