callstack / callstack/react-native-paper

RTL problem on Expo web

Abierto
#3,736 0 comentarios 0 reacciones 1 asignado Reclamado por @pac-guerreiro Ver en GitHub
bug RTL web
Lenguaje dominante
TypeScript
Estrellas
14.5k
Forks
2.2k
Merge medio
5 d 23 h
PR fusionados (30 d)
12

Descripción

### 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](https://github.com/MMTE/react-native-paper-rtl-expo-web)

also steps to reproduce:
```
npx create-expo-app
npx expo install react-native-web@~0.18.10 react-dom@18.2.0
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

![Screenshot from 2023-03-08 08-18-08](https://user-images.githubusercontent.com/6337624/223622755-2808e669-00db-49ed-98a4-3accfb5cfa08.png)

### 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](https://callstack.github.io/react-native-paper/docs/guides/react-native-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

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.