Multiline text with different widths?

Question

Is it possible to make a multiline text where the lines are different lengths in React Native?

My situation with an example address (could be any string) where the same length rows:

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

Desired result:

Thanks!

Answer 1

You can reach this by applying different widths in the texts styles

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

Answer 2

Solution to your problem can be textAlign prop in Text Component.

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