fix(VirtualizedList): sync virtualization logic with local direction style

[Hector-Zhuang]

Summary:

This commit fixes the blank rendering and behavior issue that occurs when a VirtualizedList is used in an RTL environment but explicitly styled as LTR.

The root cause was a mismatch between the JS-level coordinate normalization and the Native-level layout direction. While the native ScrollView rendered as LTR, the JS logic still applied RTL mirror calculations based on the global I18nManager state. This issue occurs on both iOS and Android.

Changelog:

[GENERAL] [FIXED] - Synchronize VirtualizedList coordinate logic with local direction style to fix blank rendering in RTL environments.

Test Plan:

1. Environment: Set device/emulator system language to an RTL language (e.g., Arabic).
2. render this component

<FlatList
  horizontal
  data={Array.from({length: 100}, (_, i) => ({id: i}))}
  renderItem={({item}) => (
    <View style={{width: 100, height: 100, backgroundColor: 'red', margin: 5}} />
  )}
  style={{direction: 'ltr'}}
/>

Expected Behavior:

Rendering: All items are rendered correctly during scroll.

Interaction: The scroll origin is at the left, and swiping follows LTR physics, matching the visual layout.

Actual Behavior (Before Fix):

Only the first few items appear; the rest are blank.

Related Issue

#55433

[meta-codesync]

@CalixTang has imported this pull request. If you are a Meta employee, you can view this in D92766500.

[react-native-bot]

This PR is stale because it has been open for 180 days with no activity. It will be closed in 7 days unless you comment on it or remove the "Stale" label.

[react-native-bot]

This PR was closed because it has been stalled for 7 days with no activity.