web-dev-qa-db-fra.com

Texte natif réactif

Android

J'ai essayé d'utiliser textAlign pour rendre le texte justifié mais cela ne fonctionne pas.

<Text style={{textAlign: 'justify',color:'#1B3D6C', margin: 20}}>
Lorem ipsum dolor sit amet, et usu congue vocibus, ei sea alienum repudiandae, intellegam quaerendum an nam. Vocibus apeirian no vis, eos cu conguemoo scaevola accusamus. Et sea placerat persecutii oinn
</Text>

enter image description here

Edit: Ok, textAlign justifie ne fonctionne pas sur Android, alors qu'est-ce que je demande maintenant s'il y a une solution à cela? J'ai vraiment besoin!

react-nativereact-native-androidreact-native-ios
11
Brunaine

Android ne prend pas en charge la justification de texte. La documentation de composant React Native Text sur l'attribut style dit:

textAlign enum ('auto', 'gauche', 'droite', 'centre', 'justifie'): Spécifie l'alignement du texte. La valeur 'justifier' n'est prise en charge que sur iOS et les replis à gauche sur Android .

Une solution de contournement pour cette limitation consiste à utiliser un composant React Native WebView . Le contenu de WebView peut être un code HTML avec le texte justifié. Comme ça:

<View style={{flex: 1}}>
    <WebView
        source={{ html: "<p style='text-align: justify;'>Justified text here</p>" }}
    />
</View>
14
Bruno Peres