scrolls pages opposite direction iOS when locale device set to any RTL language

[RodinHatokayTe]

Environment

iOS

Description

set the device to RTL language (Hebrew, Arabic), and app in RTL using I18Manager then trying to scroll the pages(tabs), it scrolls the opposite direction. setting the device to LTR language (en, etc.. ) the component works very well with RTL enabled using I18Manager (ui flipped and everything in RTL ).

issue only reproduces when the device set to any RTL language at iOS device level (not app)

Reproducible Demo

download example project, add all necessary logic to implement RTL (localization in xCode + set RTL to true ) set the local device to any RTL language (Arabic, Hebrew) run the example app (the packages provides) navigate to ScrollableTabBarExample -> scroll via pages, it scrolls the opposite way

[troZee]

@RodinHatokayTe could you post a video of your issue ?

[troZee]

@krozniata changed language to Arabic and I18nManager.isRTL returned false, so it seems I18nManager is broken and does not detect if current language is RTL

[troZee]

https://user-images.githubusercontent.com/12766071/202443176-f82a6aeb-32f5-4336-ab2f-488d06dc85f1.mov

[RodinHatokayTe]

RPReplay_Final1668686874.mov problem occurs when setting to Hebrew, Arabic the device and in app.

This is when device language set to english it works as should be

https://user-images.githubusercontent.com/87924596/202444084-7ef51b79-596d-49bc-99af-559dd3a20666.mov

[troZee]

https://github.com/callstack/react-native-pager-view/releases/tag/v6.1.1 should resolve your issue. Could you confirm it ?

[RodinHatokayTe]

in my personal project it is not resolved even though i bumped to version 6.1.1, i will check later with example in this project.

[Yasser-G]

@troZee This bug is not resolved, it is from the native component logic, the following screenshot may help debugging it!

[MrRefactor]

cannot reproduce, closing