0
votes

Comment définir la propriété de la direction d'une vue sur RTL dans React Native

Comment définir la propriété de la direction d'un Voir dans React-Native ... quelque chose comme:

ou

Comment forcer la direction de l'application entière à droite à gauche ... Quel que soit le langage de périphérique actuel après Faire mon application RTL Ready < / p>


1 commentaires

Stackoverflow.com/Questtions/43737059/... peut-être que cela aidera?


4 Réponses :


-1
votes

Utilisez ci-dessous la bibliothèque. Il prend en charge RTL pour réagir comme une localisation et une localisation

https://www.npmjs.com/package/react-native-i18n

J'espère que cela fonctionnera.


1 commentaires

Mon application ne veut pas que la localisation-support ... Cela devrait être RTL tout le chemin. Mais merci de prendre le temps de vous aider :)



1
votes

Vous pouvez simplement utiliser simplement flex-direction code>. Veuillez consulter le code suivant SNIPPET

 <View style={{ flexDirection: language === ARABIC_LANGUAGE ? 'row-reverse' : 'row' }}/>


4 commentaires

Si le périphérique-lang est RTL (arabe par exemple) ... Row-Reverse de l'application sera de gauche à droite ... nous ne voulons pas ça ... mais merci Pour votre aide quand même :)


Avez-vous testé? Je l'ai devant mes yeux: D dans l'émulateur et le périphérique physique ... Et c'est exactement ce que le Docs stipule ici ici facebook.github.io/react-native/blog/2016/08/19/...


S'il vous plaît voir ceci. codesandbox.io/s/pensive-allen-7f0nh?fontsize=14


merci d'avoir essayé d'aider ... mais je dis que ... si le langage de périphérique est défini sur arabe via des paramètres ... rangées sera juste- à gauche ... et ça fait beaucoup de sens :)



2
votes

J'ai résolu ce problème en appelant FORCERTL dans MAINAPPLICATION.JAVA Comme:

mainapplication.java Importez com.facebook.react.modules.i18nmanager.i18nutil; xxx

androidmanifest.xml xxx

Cause appelant forcertl dans app.js exige que l'application soit redémarré pour fonctionner.

i18nmanager.forcertl (vrai); // fonctionne sur la deuxième charge de l'application

maintenant lorsque je définis flexdirection: "rangée" il sera à gauche < / p>


0 commentaires

-1
votes

Ajouter '\ u {200f}' En face de texte pour changer de direction sur RTL.

_rtlcheck =  (language, data) => {

            if (rtlLanguages.includes(language)) {
                return '\u{200F}' + data
            }else{
                return data
            }
    }; 


0 commentaires