It seems that hiding the tabBar create side effect with the bottom constraint of the controllers added to the tabBar. Using Snapkit:

placeholderView.snp.makeConstraints { make in
	make.top.equalTo(view.safeAreaLayoutGuide).inset(UI.Margins)
	make.bottom.equalTo(view.safeAreaLayoutGuide).inset(UI.Margins)
	make.right.left.equalToSuperview()
}

placeholderView is under the tabBar when it's hidden.

tabBar.alpha = 0.0
tabBar.isUserInteractionEnabled = false

these two lines fix the issue

Hi, it would be great to have some appearance customization options. For now i do it this way in SpecialTabBarController:

class SpecialTabBarControllerAppearance {
	
	public var backgroundColor:UIColor = .white
	public var indicatorColor:UIColor = .black
	public var itemsColor:UIColor = .black
	public var itemsFont:UIFont = .systemFont(ofSize: 14, weight: .bold)
	public var itemsSelectedColor:UIColor = .lightGray
	public var itemsSelectedFont:UIFont = .systemFont(ofSize: 14, weight: .bold)
}

class SpecialTabBarController: TabBarController {

	public static var appearance:SpecialTabBarControllerAppearance = .init()
    
    override func makeTabBar() -> BaseCardTabBar {
        SpecialCardTabBar()
    }
}

Then, call the properties in the right place in SpecialCardTabBar like this:

override var preferredBottomBackground: UIColor {
	SpecialTabBarController.appearance.backgroundColor
}

Hi, thanks for these great tabBars styles. I don't understand why the third viewController in SpecialTabBarController is hidden ?

I think this could be more flexible...

One pre version could be to update func set(items: [UITabBarItem]) and func select(at index: Int, animated: Bool, notifyDelegate: Bool) like this:

override func set(items: [UITabBarItem]) {
	
	if items.count < 2 || items.count > 5 {

		fatalError("A Special CardTabBar can't be initialized with less than 2 items and more than 5 items")
	}

	var mutableItems = items
	let specialItem = mutableItems.removeLast()
	let iconOnlyItem = mutableItems.removeLast()

	for i in 0...mutableItems.count-1 {

		let firstTextButton = TextOnlyButton(title: items[i].title)
		firstTextButton.tag = i

		buttons.append(firstTextButton)
		self.textCotainerStackView.addingArrangedSubviews {
			firstTextButton
		}
	}

	let withImageButton = IconOnlyButton(image: iconOnlyItem.image, selectedImage: iconOnlyItem.selectedImage)
	withImageButton.tag = buttons.count

	buttons.append(withImageButton)
	self.rightButtonsContainerStackView.addingArrangedSubviews {
		withImageButton
	}

	let specialButton = SpecialButton(image: specialItem.image, selectedImage: specialItem.selectedImage)
	specialButton.tag = buttons.count
	buttons.append(specialButton)
	self.rightButtonsContainerStackView.addingArrangedSubviews {
		specialButton
	}

	buttons.forEach {
		$0.addTarget(self, action: #selector(buttonTapped(sender:)), for: .touchUpInside)
	}
}

override func select(at index: Int, animated: Bool, notifyDelegate: Bool) {
	guard textCotainerStackView.arrangedSubviews.count > 0,
		  rightButtonsContainerStackView.arrangedSubviews.count > 0 else {
		return
	}
	
	self.selectedIndex = index
	
	buttons.forEach {
		$0._isSelected = false
	}
	
	indicatorView.isHidden = buttons[index] is SpecialButton
	
	indicatorCenterXConstraint?.isActive = false
	indicatorCenterXConstraint = indicatorView.centerXAnchor.constraint(equalTo: buttons[index].centerXAnchor)
	indicatorCenterXConstraint.isActive = true
	
	buttons[index]._isSelected = true
	
	if animated {
		UIView.animate(withDuration: 0.3) {
			self.layoutIfNeeded()
		}
	}
	
	if notifyDelegate {
		delegate?.cardTabBar(self, didSelectItemAt: selectedIndex)
	}
}

In this way, select method is more dynamic and setItems method too (even if it still forces to have at least the two buttons on the right)