RTL support

[Mohamed-kassim]

Thanks for the amazing performance and effort in creating this package.
I saw the previous issue but it needs to reopen again
in react native on change layout direction to RTL, the component should start and be animated from right to left
also by default react-native inverts the dimensions from right to left for most of the styles and this should be considered if the user is using RTL Device
This is a 2 recorded videos for the basic "parallax" mode on LTR and RTL on IOS

• On LTR Working great

ltr.mov

• On RTL the issue appears

rtl.mov

you can reproduce the issue with the basic example by converting to RTL, it think I18nManager.forceRTL(false); and then restarting the app is enough

[dohooo]

OK, let me think~ 🍺

[Mohamed-kassim]

@dohooo snap carousel wasn't great in this and have issues as they were restricted with their implementation, but also they provided different workarounds
U can check their repo for their recommenditions and issues

[dohooo]

@dohooo snap carousel wasn't great in this and have issues as they were restricted with their implementation, but also they provided different workarounds
U can check their repo for their recommenditions and issues

haha ok

[dohooo]

1.2.0-beta.0
Try it. We'll be releasing the official version over the weekend!~ Thanks for your advice and letting me know there is this mode lol

[dohooo]

RTL.mov

[dohooo]

in react native on change layout direction to RTL, the component should start and be animated from right to left

If you use autoplay props, I think you can set autoplayReverse props. I don't think we should do this on behalf of the user because I think it will cause some problems that are hard to find

[Mohamed-kassim]

in react native on change layout direction to RTL, the component should start and be animated from right to left

If you use autoplay props, I think you can set autoplayReverse props. I don't think we should do this on behalf of the user because I think it will cause some problems that are hard to find

yes, you are right about this.
also after installing 1.2.0-beta.1 the animation and parallax effect works great, thanks a lot tested on android and ios

but I found that the item layout changed like this, as it has no height although the item container have flex:1

I checked my code and I found I am not giving the carousel component height as mentioned in the docs that it has default with '100%', and my parent container has a fixed width and height
so I tried to give it '100%' manually, and I got this

so it tried to give it constant height manually and it works well
also, there's a typescript error that height type is only number | undefined,.
I don't know if this is on purpose and the API changed but the documentation is still not or that's something new
my previous version was ^1.0.11

[dohooo]

I checked my code and I found I am not giving the carousel component height as mentioned in the docs that it has default with '100%', and my parent container has a fixed width and height
so I tried to give it '100%' manually, and I got this

It's true that I didn't update the document here, and the current way no longer supports strings.

BTW. Is there a chat room for us to communicate more quickly?

[Mohamed-kassim]

It's true that I didn't update the document here, and the current way no longer supports strings.

aah, okay

BTW. Is there a chat room for us to communicate more quickly?

I am on discord (MohamedKassim#9559), Twitter (@m_kassim90), whatever you prefer

[dohooo]

https://discord.com/invite/KsXRuDs43y

come here :P

[dohooo]

try with 1.2.0-beta.2
https://github.com/dohooo/react-native-reanimated-carousel/releases/tag/v1.2.0-beta.2

[Mohamed-kassim]

try with 1.2.0-beta.2 v1.2.0-beta.2 (release)

solved now, thanks