Xlpagertabstrip: Programmatically moving to new tab leaves previous tab title bolded

[miranda-elliott]

I'm using a ButtonBarPagerTabStrip with 4 tabs. The first view controller is a collection view with cells that link to the subsequent tabs. I'm programmatically switching tabs with the following code, where tabIndex is the new tab index:

self.buttonBarView.moveTo(index: tabIndex, animated: true, swipeDirection: .none, pagerScroll: .yes)
self.moveToViewController(at: tabIndex, animated: false)

It works as anticipated when moving to the second tab, but when it moves to the third or fourth tab the first tab title remains bolded.

Screenshot of buggy behavior:

Screenshot of anticipated behavior:

Anyone else seen this bug? Is there a workaround?

Thanks!

[djneely]

Was wondering if there may have been any movement on this issue? We're running into the same problem when moving to tabs over the index 2/3.

[rehannali]

@miranda-elliott @djneely Any workaround for this issue?

[djneely]

@rehannali unfortunately not for us. what we wound up doing is having to disable programmatic navigation to the different tabs for now as it was a glaring bug but without a fix for now. so while the app isn't as functional as we'd like there isn't a bug atm.

hoping we hear something back soon from the devs with regards to either a fix on our side or if they've patched this.

[kevadiyaVishal]

Hi, @miranda-elliott , @djneely I haven't the proper solution for it.but following code snippet works for me.Its bit hack solution for this issue.

Simple paste following line after your code.

if let cell = strongSelf.buttonBarView.cellForItem(at: IndexPath(item: 0, section: 0)) as? XLButtonBarViewCell { cell.label.textColor = UIColor.black.withAlphaComponent(0.40) }

Your new code will be

self.buttonBarView.moveTo(index: tabIndex, animated: true, swipeDirection: .none, pagerScroll: .yes)

self.moveToViewController(at: tabIndex, animated: false)

if let cell = self.buttonBarView.cellForItem(at: IndexPath(item: 0, section: 0)) as? XLButtonBarViewCell {
            cell.label.textColor = UIColor.black.withAlphaComponent(0.40)
          }

[djneely]

Thanks @kevadiyaVishal I'll give that a shot and see how it fairs for us.

[djneely]

@kevadiyaVishal this does not appear to work. I'm seeing: 'Use of undeclared type XLButtonBarViewCell'.

When looking at what self.buttonBarView.cellForItem(...) returns it appears its returning a UICollectionViewCell?

I haven't dug much deeper into pulling out and parsing through all those subviews as of yet but will come back to it at another time.

[djneely]

Sorry. Simple fix. Its now ButtonBarViewCell.

[djneely]

@kevadiyaVishal thanks again for your help. Definitely got us going on the right direction. I wound up fixing it by doing this:

if let cell = self.buttonBarView.cellForItem(at: IndexPath(item: 0, section: 0)) as? ButtonBarViewCell {
     // cell.label.textColor = UIColor.black.withAlphaComponent(0.40)
    cell.label.font = UIFont(name: "Avenir-Light", size: 14)!
}

Setting the label's font back to the font we're using per the setting:

self.settings.style.buttonBarItemFont = UIFont(name: "Avenir-Light", size: 14)!

Did the trick for us. Using just the alpha component still let the font Bold but made it gray-ish to match the other tabs.

[dasSoumen]

Thanks, Working.. @kevadiyaVishal

[kevadiyaVishal]

@dasSoumen welcome brother :)

[ravi-dhorajiya]

Thanks, It's working @kevadiyaVishal