react-native - 不同宽度的多行文本？

Question

是否可以在 React Native 中制作多行文本，其中行的长度不同？

我的示例地址（可以是任何字符串）的情况，其中相同长度的行：

const address = 'Circular Quay, Alfred St, Sydney 2021 NSW Alexandria';
return ( 
    <View style={{width: 80}}>
        <Text>{address}</Text>
    </View>
)

期望的结果：

谢谢！

Answer 1

您可以通过在文本样式中应用不同的宽度来达到此目的

<Text style={{width='200'}}>Text 1</Text>
<Text style={{width='100'}}>Text 2</Text>

Answer 2

您的问题的解决方案可以是 Text Component 中的 textAlign prop。

<View style={{width: 80}}>
    <Text style={{ textAlign:'center'}}>{address}</Text>
</View>