Реагируйте на собственный текст, выровненный по правому краю

#react-native #flexbox

Вопрос:

У меня есть представление, в котором я хочу, чтобы весь текст был выровнен справа от экрана, даже если он завернут. В настоящее время у меня есть:

 <Block flex={1} style={{alignItems: "flex-end", alignContent: "flex-end", flexWrap: "wrap"}}>
    <Text>{this.address.label}</Text>
...
 

Текст переносится, но все еще выравнивается по левому краю. Есть ли способ изменить это поведение?

пример

Ответ №1:

попробуйте TextAlign: https://reactnative.dev/docs/text-style-props#textalign

 <Text style={{textAlign:'right'}}>{this.address.label}</Text>
 

Комментарии:

1. Ага! Я не знаю, почему я этого не сделал… Добавление этого в текстовый элемент исправит это. Большое спасибо!