Open
Description
Current behaviour
as you can see in the screenshot using expo web, react native paper components aren't RTL
Expected behaviour
it's expected that the Exclamation mark becomes after RTL text (direction is not RTL). other components aren't RTL too.
How to reproduce?
here is the source code of GitHub repo:
rtl-test-react-native-paper
also steps to reproduce:
npx create-expo-app
npx expo install react-native-web@~0.18.10 [email protected]
npx expo install @expo/webpack-config@^18.0.1
npx expo start
add a react-paper-component
press w to start expo web
press a to run emulator or use expo-go
Preview
What have you tried so far?
I have tried to change styles for each component manually for example for Cards title by changing the properties of the title in the card, but I believe it's not the solution.
also, I don't know whether this problem would be resolved using the Using on the Web or not. because the expo web approach is more straight forward and the guide on react native paper wasn't clear to me.
I would appreciate any suggestions.
Your Environment
| software | version |
|---|---|
| ios | - |
| android | 13 |
| react-native | 0.71.3 |
| react-native-paper | 5.3.1 |
| node | 16.19.0 |
| npm or yarn | 8.19.3 |
| expo sdk | 48.0.5 |