TextViews - NativeScript-Vue

<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>

Свойства

Имя	Тип	Описание
`text`	`String`	Получает или задает значение текста.
`hint`	`String`	Получает или задает текста для подсказки текстового поля, когда компонент доступен для редактирования.
`editable`	`Boolean`	Когда `true`, указывает, что пользователь может редактировать текст.
`maxLength`	`Number`	Получает или задает максимальную длинну символов, которая может быть введена.
`keyboardType`	`KeyboardType`	Отображает пользовательскую клавиатуру для более простого ввода текста. Допустимые значения: `datetime`, `phone`, `number`, `url` или `email`.
`returnKeyType`	Получает или задает текст для клавиши ввод (return). Допустимые значения: `done`, `next`, `go`, `search` или `send`.
`autocorrect`	`Boolean`	Разрешает или запрещает автокоррекцию.

События

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

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

Android	iOS
`android.widget.EditText`	`UITextView`