Свойство выравнивания textAlign не работает в React Native

Я попытался использовать свойство textAlign: 'justify' в реакции native. TextAlign justify не работает на Android. Нативная версия React: "react-native": "0.59.5"

import React from 'react';
import { Image, View } from 'react-native';
import { Text, Button } from 'native-base';
import { connect } from 'react-redux';
import EStyleSheet from 'react-native-extended-stylesheet';
import { colors } from '../styles';

class Login extends React.Component {
  render() {
    return (
        <View style={styles.container}>
            <View style={styles.contentCenter}>
                <Text style={[styles.titleContent,styles.fontBold]}>Simple Secure</Text>
                <Text style={[styles.titleContent,styles.fontBold]}>Reliable Messaging</Text>
            </View>
        </View>
    );
  }
}


const styles = EStyleSheet.create({
    titleContent: {
        color:'#62778c',
        fontSize: '1.4rem',
        textAlign: 'justify',
      }
});

const mapStateToProps = (state) => {
  return {};
};

export default connect(mapStateToProps)(Login);

person sedhal soni    schedule 30.05.2019    source источник


Ответы (2)


ознакомьтесь с официальным документом:

textAlign: перечисление («авто», «влево», «вправо», «по центру», «по ширине»)

Задает выравнивание текста. Значение «по ширине» поддерживается только на iOS и заменяется значением «слева» на Android.

person yangguang1029    schedule 30.05.2019

Как упоминалось выше, Android не поддерживает выравнивание текста, но вы можете обойти это, добавив html-текст внутри WebView следующим образом:

<WebView
    source={{ html: "<p style='text-align:justify;'>Your justified text</p>" }}
/>
person Hassan Kandil    schedule 30.05.2019