TextView - NativeScript-Vue 中文

<TextView> 是一个 UI 组件，它显示一个可编辑或只读的多行文本容器。您可以使用它让用户在您的应用程序中输入大量文本，或者在屏幕上显示较长、多行的文本。

<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`	`字符串`	获取或设置组件的值。
`hint`	`字符串`	当组件可编辑时，获取或设置占位符文本。
`editable`	`布尔值`	当 `true` 时，表示用户可以编辑容器的内容。
`maxLength`	`数字`	设置容器中可以输入的字符的最大数量。
`keyboardType`	`KeyboardType`	显示自定义键盘以简化文本输入。有效值：`datetime`、`phone`、`number`、`url` 或 `email`。
`returnKeyType`	获取或设置返回键的标签。目前仅在 iOS 上受支持。有效值：`done`、`next`、`go`、`search` 或 `send`。
`autocorrect`	`布尔值`	启用或禁用自动更正。

事件

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

原生组件

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