Многострочный текст разной ширины?
Можно ли сделать многострочный текст с разной длиной строк в 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>
Я действительно не знаю, что вы имеете в виду, что вы хотите, пожалуйста, отредактируйте свой вопрос более ясно?