[iOS][RTL] Modal presentation sheet offset to the left on iPad #12800
Description
Current behavior
On iPad when the app runs in RTL (Arabic locale or I18nManager.forceRTL(true) in a dev build), presenting a screen with presentation: "modal" using the native stack shows the sheet shifted left. The issue reproduces on both simulator and physical iPad when using @react-navigation/native-stack + react-native-screens.
When rotated to landscape, even more of the view is shifted.
Expected behavior
The modal sheet should stay centered and anchored correctly, matching the LTR presentation but mirrored for RTL, no empty left gutter.
Reproduction
https://github.com/regnerus/rtl-modal-issue
Platform
- Android
- iOS
- Web
- Windows
- MacOS
Packages
- @react-navigation/bottom-tabs
- @react-navigation/drawer
- @react-navigation/material-top-tabs
- @react-navigation/stack
- @react-navigation/native-stack
- react-native-drawer-layout
- react-native-tab-view
Environment
| package | version |
|---|---|
| @react-navigation/native | 7.1.18 |
| @react-navigation/native-stack | 7.3.28 |
| react-native-screens | 4.16.0 |
| react-native-safe-area-context | 5.6.1 |
| react-native-gesture-handler | 2.28.0 |
| react-native-reanimated | 4.1.3 |
| react-native | 0.81.4 |
| expo | 54.0.15 |
| node | 18.18.2 |
| npm | 10.2.3 |