ReactNative控件

TextInput

1、使用

      <TextInput
          style={{height:50 , paddingLeft:15}}
          placeholder="搜索..."
          placeholderTextColor="#6435c9"
          secureTextEntry={true}
          autoFocus
          // autoCorrect={true}
          // defaultValue="或许结果"
          // editable={false}
          keyboardType="web-search" //numeric:数字键盘  email-address:电子邮件键盘 url:含有网址的键盘 web-search:键盘上会显示一个 Go 中文输入法下会显示前往
          // multiline  //换行
          clearButtonMode="unless-editing" //multiline属性设置时clearButtonMode 为while-editing时不起作用
        />

2、属性

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

键盘类型的值为:

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

multiline：bool值 内容可以换行
numberOfLines (number)：设置文本输入框行数，该需要首先设置multiline为true,设置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完成输入按下回车键的时候执行的动作