Issue Description:
When leveraging the I18nManager module to switch between Right-to-Left (RTL) and Left-to-Right (LTR) layout directions, the UI does not immediately reflect these changes upon app reload, though animations are correctly updated. This behavior is specific to the new React Native architecture, where the layout direction and related styles (e.g., text-align: right) are only properly applied after a full restart of the application, rather than on reload or with the react-native-restart method.
Steps to reproduce
Initialize a React Native project with the new architecture enabled.
Use I18nManager.forceRTL(true/false) to change the layout direction.
Trigger a restart using the react-native-restart command.
Observe that the UI does not immediately update (styles like text-align: right are not enforced until the app is fully restarted).
Description
Issue Description: When leveraging the I18nManager module to switch between Right-to-Left (RTL) and Left-to-Right (LTR) layout directions, the UI does not immediately reflect these changes upon app reload, though animations are correctly updated. This behavior is specific to the new React Native architecture, where the layout direction and related styles (e.g., text-align: right) are only properly applied after a full restart of the application, rather than on reload or with the react-native-restart method.
Steps to reproduce
React Native Version
0.76.1
Affected Platforms
Runtime - iOS
Areas
Other (please specify)
Output of
npx react-native info
Stacktrace or Logs
Reproducer
https://github.com/bhojaniasgar/RTLIssue
Screenshots and Videos
https://github.com/user-attachments/assets/06b1e887-f70b-4510-837d-a212c0825c66