web-dev-qa-db-ja.com

React-native textAlign justify

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>

enter image description here

編集:Ok、textAlign justifyはAndroidで動作しないので、これに対する解決策があるかどうかを尋ねるのはどうですか?本当に必要です!

11
Brunaine

Androidはテキストの位置合わせをサポートしていません。スタイル属性に関する React Native Textコンポーネント のドキュメントには次のように書かれています。

textAlignenum( '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>
14
Bruno Peres