ReactNative系列之五TextInput

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