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

前言

前片文章已经简单介绍了组件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