ReactNative控件
2018-07-20 本文已影响6人
野狐大人
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`：中文输入法下回车键显示搜索
