React-native textAlign justify

Question

的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对齐在Android上不起作用，所以我现在问的是否有一些解决方案呢？我真的需要！

Answer 1

Android不支持文字对齐。 React Native Text component关于style属性的文档说：

  

textAlign 枚举（'自动'，'左'，'右'，'中'，'对齐'）：   指定文本对齐。 仅在iOS上支持'justify'值   和Android上的左后卫。

此限制的解决方法是使用React Native WebView组件。 WebView的内容可以是带有对齐文本的HTML代码。像这样：

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

Answer 2

更新

对于旧版本的react-native，textAlign:'justify'不适用于android，但现在支持textAlign:'justify'适用于android Oreo及更高版本。

  

textAlign：enum（'auto'，'left'，'right'，'center'，'justify'）

指定文本对齐方式。仅iOS和 Android Oreo（8.0）或更高版本（API级别> = 26）支持值'justify'。对于较低的android版本，它将回退到左侧。

读出更新后的文档here