Text component moves child element to left when using RTL in system #48571
Labels
Issue: Author Provided Repro
This issue can be reproduced in Snack or an attached project.
Newer Patch Available
Description
If the phone has the RTL (Hebrew) language installed, then the Text component behaves incomprehensibly. The child element moves to the left. This bug does not occur on all devices. In the emulator, Galaxy Tab S6, web or in expo go, everything is displayed well. I noticed this bug on the Galaxy A9. If you change the system language to LTR, then everything is fine and the shift disappears.
React components should be able to be placed anywhere in the application. In my case, I wanted to place a View in a Link from @react-navigation/native and noticed this bug. But this only applies to View component
my code:
Steps to reproduce
React Native Version
0.76.5
Affected Platforms
Runtime - Android, Build - Linux
Output of
npx react-native info
Stacktrace or Logs
Reproducer
https://github.com/whiskeycola/test-react-native-text
Screenshots and Videos
This is what I got as a result:
Expected behavior: the child element must fit within the Text horizontally.
The text was updated successfully, but these errors were encountered: