NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
TextViews

This is an overview of the most common usage of TextViews. For more information about the available properties, methods, or events, head over to the complete API documentation for TextViews.

<TextView> - визуальный компонент, отображающий доступный для редактирования или только для чтения многострочный контейнер для текста. Вы можете использовать его для того, чтобы дать пользователю вводить объемный текст в приложении или для отображения длинного многострочного текста на экране.

<TextView> наследуется от TextBase и EditableTextBase, которые включают в себя дополнительные свойства и события.


<TextView text="Multi\nLine\nText" />

<TextView> обеспечивает двустороннюю привязку данных, используя v-model.

<TextView v-model="textViewValue" />

Отображение многострочного текста с различными стилями

Для применения стилей к строкам в <TextView> вы можете использовать <FormattedString>

<TextView editable="false">
  <FormattedString>
    <Span text="You can use text attributes such as " />
    <Span text="bold, " fontWeight="Bold" />
    <Span text="italic " fontStyle="Italic" />
    <Span text="and " />
    <Span text="underline." textDecoration="Underline" />
  </FormattedString>
</TextView>

Свойства

ИмяТипОписание
textStringПолучает или задает значение текста.
hintStringПолучает или задает текста для подсказки текстового поля, когда компонент доступен для редактирования.
editableBooleanКогда true, указывает, что пользователь может редактировать текст.
maxLengthNumberПолучает или задает максимальную длинну символов, которая может быть введена.
keyboardTypeKeyboardTypeОтображает пользовательскую клавиатуру для более простого ввода текста.
Допустимые значения: datetime, phone, number, url или email.
returnKeyTypeПолучает или задает текст для клавиши ввод (return).
Допустимые значения: done, next, go, search или send.
autocorrectBooleanРазрешает или запрещает автокоррекцию.

События

ИмяОписание
textChangeСрабатывает при изменени текста.
returnPressСрабатывает при нажатии клавиши ввод (return).
focusСрабатывает, когда контейнер получает фокус.
blurСрабатывает, когда контейнер теряет фокус.

Нативный компонент

AndroidiOS
android.widget.EditTextUITextView
Contributors