Многострочный текст разной ширины?

Можно ли сделать многострочный текст с разной длиной строк в React Native?

Моя ситуация с адресом примера (может быть любая строка), где строки одинаковой длины:

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

Желаемый результат:

многострочный текст различной ширины

Спасибо!

3 ответа

Вы можете достичь этого, применяя разную ширину в стилях текста

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

Решением вашей проблемы может быть textAlign prop в Text Component.

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

Я действительно не знаю, что вы имеете в виду, что вы хотите, пожалуйста, отредактируйте свой вопрос более ясно?

Другие вопросы по тегам