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

react

前言

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

以上是 React Native开发之——组件TextInput(2) 的全部内容, 来源链接: utcz.com/z/381965.html

回到顶部