textAlign выровнять свойство не работает в реагировать родной - PullRequest
Новая
       34

textAlign выровнять свойство не работает в реагировать родной

0 голосов
/ 30 мая 2019

Я попытался использовать свойство textAlign: 'justify' в реагировать на native.TextAlign justify не работает на Android.Реактная собственная версия: «act-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);

Ответы [ 2 ]

3 голосов
/ 30 мая 2019

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

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

Определяет выравнивание текста. Значение 'justify' поддерживается только в iOS и откатов влево на Android.

0 голосов
/ 30 мая 2019

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

<WebView
    source={{ html: "<p style='text-align:justify;'>Your justified text</p>" }}
/>
...