React Native开发之——组件TextInput(2)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

前言

前片文章已经简单介绍了组件TextInput的基本用法，本文将继续介绍其他属性的用法，内容如下：

  • maxLength属性
  • multiline属性
  • placeholder和placeholderTextColor属性
  • secureTextEntry属性
  • selectTextOnFocus和selectionColor属性

TextInput

maxLength

概念

maxLength，用于限定输入TextInput的字符的个数，类型值为number

使用

效果

如下图，设置maxlength为5，输入第6个字符时，不进入TextInput内

multiline属性

概念

multiline，用于限定TextInput是否可以输入多行文本，默认值为false

使用

效果

placeholder和placeholderTextColor属性

概念

用于在输入文本输入前将呈现的字符串和字符串颜色

使用

效果

secureTextEntry属性

概念

如果为真，文本输入会模糊输入的文本，这样敏感的文本如密码保持安全。默认值为false。

使用

效果

selectTextOnFocus和selectionColor属性

概念

selectTextOnFocus和selectionColor，用于设置获取焦点时，选中文本，并设置选中文本的颜色

使用

效果

其他

参考： RN_TextInput