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

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

O componente TextView representa um campo editável de múltiplas linhas. O componente também pode ser usado para mostrar qualquer conteúdo somente leitura, configurando a propriedade editable para false.


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

Nota: Esse componente suporta two-way data binding usando v-model:

<TextView v-model="textViewValue" />

Exibindo um texto com múltiplas linhas com estilos diferentes

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

Propriedades

nometipodescrição
textStringO valor do TextView.
hintStringO texto de placeholder.
editableBooleanQuando definido como true, o usuário pode editar o valor do TextView.
maxLengthNumberLimita o campo para um determinado número de caracteres.
keyboardTypeKeyboardTypeMostra um teclado personalizado para facilitar a entrada de texto. Pode ser datetime, phone, number, url, ou email.
returnKeyTypeReturnKeyTypeO texto do teclado return. Pode ser done, next, go, search, ou send.

Eventos

nomedescrição
textChangeEmitido quando o texto é alterado.
returnPressEmitido quando o botão de return é pressionado.
focusEmitido quando o textview está em foco.
blurEmitido quando o textview perde o foco.

Componente Nativo

AndroidiOS
android.widget.EditTextUITextView
Contributors