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

更新

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

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

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

在此处阅读更新的文档

Answer 2

Android不支持文本对齐.关于style属性的React Native Text组件的文档说:

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>