ReactNative控件

TextInput

1、使用

      

2、属性

secureTextEntry:安全输入(multiline设置时不起作用))
autoFocus:自动锁定光标
autoCorrect:自动纠错
defaultValue:设置默认值
editable:是否可以输入
keyboardType:键盘类型。

键盘类型的值为:
`numeric`:数字键盘  `email-address`:电子邮件键盘 `url`:含有网址的键盘 `web-search`:键盘上会显示一个 Go 中文输入法下会显示前往

multiline:bool值 内容可以换行
numberOfLines (number):设置文本输入框行数,该需要首先设置multilinetrue,设置TextInput为多行文本。
clearButtonMode:清除按钮。

清除按钮的值:
`while-editing`:编辑时显示清除按钮(`multiline`设置时不起作用)
`unless-editing`:点击换行时显示清除按钮`multiline`设置时不起作用)

clearTextOnFocus:重获焦点时清除之前的输入内容
enablesReturnKeyAutomatically:bool值 是否自动启用回车键
returenKeyType:回车键的类型 keyboardType有值时会覆盖returenKeyType的值

回车键类型的值:
`go`:中文输入法下回车键显示前往
`join`:中文输入法下回车键显示加入
`next`:中文输入法下回车键显示下一项
`rote`:中文输入法下回车键显示路线
`send`:中文输入法下回车键显示发送
`search`:中文输入法下回车键显示搜索

3、事件

1、onFocus选中TextInput时执行的动作
2、onBlur离开TextInput时执行的动作
3、onChange TextInput文字发生变化的时候执行的动作
4、onChangeText TextInput文字发生变化的时候执行的动作。跟onChange的区别是 变化的text可以作为函数的参数
5、onEndEditing TextInput完成输入的时候执行的动作
6、onSubmitdEditing TextInput完成输入按下回车键的时候执行的动作

你可能感兴趣的:(ReactNative控件)