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

RTL issue in react native 0.74 #1029

Open
mina4gerges opened this issue Jul 23, 2024 · 9 comments
Open

RTL issue in react native 0.74 #1029

mina4gerges opened this issue Jul 23, 2024 · 9 comments

Comments

@mina4gerges
Copy link

Hello I am facing an issue in RTL version where the scroll to an item is not working properly and getting the below warning:

scrollToOffset may not be called in RTL before content is laid out

@tkyr-hh
Copy link

tkyr-hh commented Aug 4, 2024

@mina4gerges can you please add this prop to your carousel :

useScrollView={I18nManager.isRTL ? true : false}

@jobberma
Copy link

@mina4gerges can you please add this prop to your carousel :

useScrollView={I18nManager.isRTL ? true : false}

In IOS, images loose opacity when swiping in RTL. Did you face that ?

@Hady207
Copy link

Hady207 commented Sep 8, 2024

@jobberma Im Also facing the same issue

@jobberma
Copy link

jobberma commented Sep 8, 2024

@jobberma Im Also facing the same issue

Did you find a solution ?

@tkyr-hh
Copy link

tkyr-hh commented Sep 8, 2024

@mina4gerges can you please add this prop to your carousel :
useScrollView={I18nManager.isRTL ? true : false}

In IOS, images loose opacity when swiping in RTL. Did you face that ?

@jobberma can you please show us what you've got?

@vanhai989
Copy link

@mina4gerges can you please add this prop to your carousel :
useScrollView={I18nManager.isRTL ? true : false}

In IOS, images loose opacity when swiping in RTL. Did you face that ?

@jobberma can you please show us what you've got?

I just wanted to let you know that it works for me. thank you

@jobberma
Copy link

jobberma commented Sep 9, 2024

@mina4gerges can you please add this prop to your carousel :
useScrollView={I18nManager.isRTL ? true : false}

In IOS, images loose opacity when swiping in RTL. Did you face that ?

@jobberma can you please show us what you've got?
cdd32ba5-52a8-4804-a288-982eb8fda47c

@Hady207
Copy link

Hady207 commented Sep 10, 2024

@jobberma Im Also facing the same issue

Did you find a solution ?

i switched to react-native-reanimated-carousel, and work fine for me

seemed reasonable to switch as i don't think this package is maintained anymore.

@AyoubXwire
Copy link

@mina4gerges can you please add this prop to your carousel :
useScrollView={I18nManager.isRTL ? true : false}

In IOS, images loose opacity when swiping in RTL. Did you face that ?

the elements will lose opacity and size, because they are not correctly set as active items, so they get the inactiveSlideOpacity & inactiveSlideScale props applied to them.
if you set both the props to 1, you visual issue will be solved, but still the active slide won't be correctly set but I don't think thats problematic in your case

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

6 participants