1. 前言
ReactNative中TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件提供如:自动完成、自动大小写、占位文字,以及多种不同键盘类型(如纯数字键盘)等。
2. TextInput常用属性
TextInput继承了View的属性,一些属性也可参考View相关
a) value 字符串型
文本输入的默认值
b) onChangeText函数
监听用户输入的值
c) keyboardType键盘类型
打开键盘类型,如:数字键盘
enum('default',"ascii-capable", 'numbers-and-punctuation', 'url', 'number-pad','phone-pad', 'name-phone-pad', 'email-address', 'decimal-pad', 'twitter','web-search', "numeric")
d) multiline布尔型
true文本可以输入多行,默认值为false
e) password布尔型
true 文本输入框则为一个密码区域。默认值为false
f) placeholder字符串型
在文本输入之前字符串将被呈现出来,通常被称为占位文字
g) placeholderTextColor字符串型
占位符字符串的文本颜色
h) autoCapitalize字符串型
可以通知文本输入自动利用甘些字符
l characters : 所有字符
l words : 每一个单词的首字母
l sentences : 每一个单词的首字母(默认情况)
l none : 不会自动使用任何东西
i) autoCorrect 布尔型
默认值为真,falsej时禁用自动校正
j) editable 布尔型
如果值为假,文本是不可编辑的。默认值为真
k) onChange涵数
当本文输入的文本发生变化时,调用回调函数
l) onFocus 函数
当输入的文本是聚集状态时,调用回调函数
m) secureTextEntry布尔型
如果值为真,文本输入框就会使输入的文本模糊,以便像密码这样敏感的文本保持安全。默认为false
3. 常用样式属性
a) borderColor 设置边框颜色
b) borderwidth 设置边框宽度
参考 : http://reactnative.cn/docs/0.43/textinput.html#content