Another Vue of NativeScript 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.

<TextView> es un componente de UI que muestra un contenedor de texto editable o de solo-lectura. Puedes utilizarlo para permitir que el usuario ingrese grande cantidades de texto o simplemente para mostrar texto en más de una línea.

El componente <TextView> extiende a TextBase y aEditableTextBase,agregando propiedades y eventos adicionales.


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

<TextView> provee enlace de datos bidireccional (two-way data binding) usando v-model.

<TextView v-model="textViewValue" />

Mostrando texto con múltiples estilos

Para aplicar múltiples estilos al texto puedes usar el componente <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>

Propiedades

NombreTipoDescripción
textStringObtiene o establece el valor del campo de texto
hintStringObtiene o establece el texto del placeholder (siempre y cuando se un campo editable).
editableBooleanIndica cuando el usuario puede modificar el valor del campo de texto.
Valor pore defecto: true.
maxLengthNumberLimita el valor del campo de texto a un número determinado de caracteres.
keyboardTypeKeyboardTypeMuestra un tipo de teclado determinado para facilitar el ingreso de texto
Posibles valores: datetime, phone, number, url, o email.
returnKeyTypeObtiene o establece el nombre de la tecla de retorno
Posibles valores: done, next, go, search, o send.
autocorrectBooleanHabilita o deshabilita el autocorrector.

Events

NombreDescripción
textChangeEmitido cada vez que cambia el valor del campo de texto.
returnPressEmitido cada vez que la tecla de retorno es presionada.
focusEmitido cada vez que se hace foco en el campo de texto.
blurEmitido cada vez que pierde foco el campo de texto.

Componente nativo

AndroidiOS
android.widget.EditTextUITextView
Contributors