React-native textAlign justify

Android

Я пытался использовать textAlign, чтобы сделать текст оправданным, но он не работает.

<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>

Редактировать : Хорошо, textAlign justify не работает на Android, так что теперь я спрашиваю, есть ли какое-то решение для этого? Мне очень нужно!

Ответ 1

Android не поддерживает выравнивание текста. Документы компонента React Native Text об атрибуте style гласят:

textAlign enum ('auto', 'left', 'right', 'center', 'justify'): Определяет выравнивание текста. Значение 'justify' поддерживается только на iOS и отступления на Android.

Обойти это ограничение можно с помощью компонента React Native WebView. Содержимое WebView может представлять собой HTML-код с выровненным текстом. Вот так:

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

Ответ 2

UPDATE

Для старых версий реагирующей системы textAlign:'justify' не работал для Android, но теперь он поддерживает textAlign:'justify' для Android Oreo и выше.

textAlign: enum('auto', 'left', 'right', 'center', 'justify')

Определяет выравнивание текста. Значение justify поддерживается только на iOS и Android Oreo (8.0) или выше (уровень API> = 26). Для более низкой версии Android это отступит влево.

Прочитайте обновленные документы здесь