Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

I18nManager.forceRTL(true); #314

Open
HananeAlSamrout opened this issue Dec 14, 2016 · 10 comments
Open

I18nManager.forceRTL(true); #314

HananeAlSamrout opened this issue Dec 14, 2016 · 10 comments

Comments

@HananeAlSamrout
Copy link

please fix the module in case the direction becomes from right to left using I18nManager.forceRTL(true);

@nirshubz
Copy link

+1
@HananeAlSamrout Did you find any solution to that?
BTW, it works well on Android

@dastoori
Copy link

dastoori commented Feb 10, 2017

Swiper uses the ViewPagerAndroid on android and it supports RTL layout, but on iOS it use ScrollView and it has problems with RTL layout

To fix this problem, add a style like this:

<Swiper style={{ flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row' }}>
  ...
</Swiper>

@BSN4
Copy link

BSN4 commented Mar 3, 2017

@dastoori thanks for sharing this but the problem is you want also to change buttons , dots .. and the wrapper flexDirection style .. I made all the changes it might help some one https://gist.github.com/phpfalcon/2939d87fc31b698c86d1f103850eec51

@anonrig
Copy link

anonrig commented Mar 6, 2017

@phpfalcon I don't think that your solution works for some reason.

@BSN4
Copy link

BSN4 commented Mar 9, 2017

@anonrig I made some changes it appears that style not applied to the tag I've tested it now it should working fine https://gist.github.com/phpfalcon/2939d87fc31b698c86d1f103850eec51

@bilalsyed001
Copy link

bilalsyed001 commented Mar 16, 2018

bilalsyed001@e3a3126

@developersHomefriend
Copy link

bilalsyed001@e3a312
hi bilal,
i have implemented your fix it works fine , but when isRTl = true is android platform , the indexes are reversed (it is well displayed but indexes are reversed)

@mohmdalfaha
Copy link

Is there any solution so far ??

@barak109
Copy link

bilalsyed001@e3a312
hi bilal,
i have implemented your fix it works fine , but when isRTl = true is android platform , the indexes are reversed (it is well displayed but indexes are reversed)

@developersHomefriend @mohmdalfaha, Happen to me too, any advise?

@chenop
Copy link

chenop commented Sep 17, 2022

Created an updated fork that support RTL
Check it out here:
https://github.com/chenop/react-native-swiper

To use:

  1. in package.json:
"dependencies": {
    ...
    "react-native-swiper": "https://github.com/chenop/react-native-swiper",
}
  1. yarn && pod install

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants