Nativescript - центрировать горизонтальный текст внутри textView, динамического текста и многострочного - PullRequest
Новая
       5

Nativescript - центрировать горизонтальный текст внутри textView, динамического текста и многострочного

0 голосов
/ 25 декабря 2018

У меня есть приложение на нативном языке.У меня возникла ситуация, когда мне нужно было отображать текст динамически, поэтому я не знаю, сколько текста и сколько строк будет.

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

Поэтому я думаю, <Label> не правильный элемент, потому что он не для многострочного (если я получилправильно?*https://docs.nativescript.org/api-reference/modules/_ui_text_base_#textalignment, но у меня не получается.

Не работает: 

<TextView  text="{{ taskString }}"
    horizontalAlignment="center"
    editable="false"
 ></TextView>

Не работает: 

<TextView  text="{{ taskString }}"
    textAlignment="center"
    editable="false"
 ></TextView>

Пожалуйста, дайтеЯ знаю, что очевидно, я не понял здесь.Thx.

Upate: Метка с textWrap="true" обычно работает просто отлично.Но у меня есть «сложная» комбинация <ContentView> <FlexboxLayout>, которая, кажется, вызывает проблему с высотой метки, которая не обновляется.

Решение в моем случае: Просто неНе используйте решение <FlexboxLayout> <FlexboxLayout> ... </FlexboxLayout> </FlexboxLayout>.Это не будет вычислять высоту Label динамически.

Nativescript Playground: https://play.nativescript.org/?template=play-ng&id=SnNmkQ

1 Ответ

0 голосов
/ 25 декабря 2018

Метка может быть многострочной, если вы включите textWrap

XML 

<Label text="{{ taskString }}" textWrap="true" ...

Или

CSS 

Label {
   white-space: normal;
}
...