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.

<TextView> 是一个UI组件,显示可编辑或只读的多行文本容器。您可以使用它来让用户在您的应用中键入大文本,或在屏幕上显示更长的多行文字。

<TextView> 扩展 TextBaseEditableTextBase 提供其他属性和事件。


<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在组件可编辑时获取或设置占位符文本。
editableBooleantrue,表示用户可以编辑容器的内容。
maxLengthNumber设置可以在容器中输入的最大字符数。
keyboardTypeKeyboardType显示自定义键盘以便于文本输入。
有效值: datetime, phone, number, url, 或 email
returnKeyType获取或设置返回键的标签。
有效值: done, next, go, search, 或 send
autocorrectBoolean启用或禁用自动更正。

活动

名称描述
textChange文本更改时发出。
returnPress按下返回键时发出。
focus容器处于焦点时发出。
blur当容器失去焦点时发出。

原生组件

AndroidiOS
android.widget.EditTextUITextView
Contributors