React-native textAlign 对齐

Question

安卓

我试图使用 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 上不起作用，所以我现在问是否有一些解决方案？我真的需要!

Answer 1

Android 不支持文本对齐。 React Native Text component 的文档关于样式属性说:

textAlign enum('auto', 'left', 'right', 'center', 'justify') : Specifies text alignment. The value 'justify' is only supported on iOS and fallbacks to left on Android.

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

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