stream-chat-react-native
stream-chat-react-native copied to clipboard
GetStream
RTL Support: Latest message text direction
🎯 Issue
Latest message text direction when TypescriptMessaging app is set to Hebrew does not follow the correct text direction as seen in the images below. in the first case we have "You: ווןןםםם .ךךכאגייח" while in RTL based languages like Hebrew it should be "ווןןםםם .ךךכאגייח :You". Also note that the translation for this "You" have not been provided for this case.
| What we have currently | Figma |
|
|
🛠 Recommendation
in the getLatestMessagePreview function we check if the application is set to RTL using I18nManager.isRTL reverse we generate/ the latest text from the latest message gotten from the client and append the translation of "You" to the end of the message string and ellipsis to the start of the message string.
This is solved for the case of You:, but not when the last message is sent by somebody else. I am, however, a bit unsure how this should look in RTL, so I'll look into how it looks in different apps.
