Xlpagertabstrip: Right to left support

[hrsalehi]

Hi, I just added pager tab strip into one of my controllers and my app local is RTL but the scroll view does not work correctly and since tabs are populated from right to left but controllers populated from left to the right.
To test that just change app default language to one of the RTL languages such as Arabic ,Farsi or Hebrew

[chandanch]

Hello I changed to español and works perfectly, Can you share the code?

[hrsalehi]

Isn't español a LTR language? I meant for occasions where view direction changes (mirror) to right to left.

[chandanch]

I will check for LTR Language(Arabic) and see if it works

[hrsalehi]

In summary the problem is the tabs works correctly but the scroll view still populate view from left to the right so the rightmost tab show the leftmost view and so on ...

[mtnbarreto]

@hrsalehi Do you have time to look at it and find out a solution?

[mohammadghk]

try setting your main ScrollView for PagerTabStrip i.e(container view) view semantic to : Force-Right-To-Left and see if it solves the problem

[musbaalbaki]

Setting force Right-to-Left semantic on the containerView (UIScrollView) did not solve the issue 👎 Any suggestion that might fix this issue please?

[musbaalbaki]

@santiagofm Do you think anything could be done on this one please?

[mohammadghk]

One solution is to reverse the tabs array before setting it to the controller @musbaalbaki

[nadagamal]

Hi hrsalehi,
Do you solve this issue?

Thank you

[musbaalbaki]

Thanks @mohammadghk, that is actually what I ended up doing. However I am still looking for a cleaner approach using the native iOS RTL support

[Abdul-Hannan]

since I am using autolayout, the tabs section automatically adjusted in RTL language. Now the problem I am facing is that the view controllers slide in from right side in Arabic which is basically opposite.

[dajdouj10]

hi,
I have the same problem. Is it a solution
Thank you

[AdnanMajeed06]

This is not a proper solution but after way too many hours trying to solve this problem, this actually solved it.
Add these lines inside viewDidLoad method in PagerTabStripViewController

    if #available(iOS 9.0, *) {
        if UIView.userInterfaceLayoutDirection(for: view.semanticContentAttribute) == .rightToLeft {
           print("arabic")
            containerView.transform = CGAffineTransform(rotationAngle: CGFloat(Double.pi))
            for controller in viewControllers
            {
                controller.view.transform =  CGAffineTransform(rotationAngle: CGFloat(Double.pi));

            }
        }
        else
        {
            print("English")
        }
    } else {
        // Fallback on earlier versions
    }

[iMostafaSh]

This is not a proper solution but after way too many hours trying to solve this problem, this actually solved it.
Add these lines inside viewDidLoad method in PagerTabStripViewController

    if #available(iOS 9.0, *) {
        if UIView.userInterfaceLayoutDirection(for: view.semanticContentAttribute) == .rightToLeft {
           print("arabic")
            containerView.transform = CGAffineTransform(rotationAngle: CGFloat(Double.pi))
            for controller in viewControllers
            {
                controller.view.transform =  CGAffineTransform(rotationAngle: CGFloat(Double.pi));

            }
        }
        else
        {
            print("English")
        }
    } else {
        // Fallback on earlier versions
    }

Thanks

[alielsokary]

I used @AdnanMajeed06 solution by adding the transform function in ViewDidLoad after super.viewDidLoad and without reversing the tabs array by extending UICollectionViewFlowLayout
like so:

extension UICollectionViewFlowLayout {

    override open var flipsHorizontallyInOppositeLayoutDirection: Bool {
        return true
    }

    override open var developmentLayoutDirection: UIUserInterfaceLayoutDirection {
        return UIUserInterfaceLayoutDirection.rightToLeft
    }
}

The tabs start from right to left and the scrollview direction is working like it supoosed to do in RTL

[mixdesign]

I ended up with another similar solution, which fixes the unexpected rotation if implemented using @AdnanMajeed06 solution.

My solution:

// Add at the end of `viewDidLoad` of `PagerTabStripViewController`
if UIView.userInterfaceLayoutDirection(for: view.semanticContentAttribute) == .rightToLeft {
    containerView.transform = CGAffineTransform(scaleX: -1, y: 1)
    for controller in viewControllers {
        controller.view.transform = CGAffineTransform(scaleX: -1, y: 1)
    }
}

It works fine with RTL and LTR

[higher-faster-better]

Nothing works for me and this bug is still open, any new solution here?

[AbdelrahmanElabd]

Any solution for this issue

[Wahab-Khan]

stuck in the same issue ...