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>

[BSN4]

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

[BSN4]

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

[chenop]

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",
}

2. yarn && pod install