wake-up-neo.com

Reaktionsnativer TextAusrichten ausrichten

Android

Ich habe versucht, den Text mit textAlign auszurichten, aber es funktioniert nicht.

<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 justify funktioniert nicht auf Android, also, was frag ich jetzt, ob es eine Lösung dafür gibt? Ich brauche es wirklich!

11
Brunaine

Android unterstützt keine Textausrichtung. In den Dokumenten von Komponente React Native Text zum style-Attribut heißt es:

textAlign enum ('auto', 'left', 'right', 'center', 'justify'): Gibt die Textausrichtung an. Der Wert 'rechtfertigen' wird nur unter iOS und Ausweichlösungen auf Android unterstützt .

Eine Problemumgehung für diese Einschränkung ist die Verwendung einer React Native WebView -Komponente. Der Inhalt des WebView kann ein HTML-Code mit dem ausgerichteten Text sein. So was:

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