React-native-swiper: I18nManager.forceRTL(true);

[HananeAlSamrout]

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

[nirshubz]

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

[dastoori]

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>

[if4lcon]

@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]

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

[if4lcon]

@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]

https://github.com/bilalsyed001/react-native-swiper/commit/e3a3126a59562548aa959f548a4aad7653ad87ad

[developersHomefriend]

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]

Is there any solution so far ??

[barak109]

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?