react-native InputItem和SearchBar属性整理
2018-07-25 08:34
447 查看
最近的开发涉及到了实体机上进行登录搜索等操作时,手机弹出键盘右下角按键修改的问题,通过各方面的查证,整理了一下属性,在这里做个记录,方便以后自己查看
属性
名称 | 类型 | 意义 | 默认值 |
---|---|---|---|
autoCapitalize | enum(‘none’, ‘sentences’, ‘words’, ‘characters’) | 针对哪种类型自动大小写 | 无 |
autoCorrect | bool | 自动更正 | true |
autoFocus | bool | 自动对焦 | false |
defaultValue | string | 默认显示的值 | 无 |
editable | bool | 是否可编辑 | 无 |
keyboardType |
|
键盘类型 | 无 |
multiline | bool | 是否支持多行 | false |
onBlur | function | 输入的信息模糊时回调该函数 | 无 |
onChange | function | 输入框中文本信息改变时调用该函数 | 无 |
onChangeText | function | 输入框中文本信息改变时调用该函数,参数为被改变的文本 | 无 |
onEndEditing | function | 输入结束时调用的函数 | 无 |
onFocus | function | 当光标在输入框上调用的函数 | 无 |
onLayout | function | 改变输入框的布局时调用的函数 | 无 |
onSubmitEditing | function | 当提交输入时调用的函数 | 无 |
placeholder | string | 输入框的提示信息 | 无 |
placeholderTextColor | string | 输入框提示信息的颜色 | 无 |
secureTextEntry | bool | 安全文本,比如密码框 | false |
style | style | 样式 | 无 |
testID | string | 用于测试的id号 | 无 |
textAlign | enum(‘start’, ‘center’, ‘end’) | 文本较之输入框的布局 | 无 |
value | string | 文本框的值 | 无 |
clearButtonMode | enum(‘never’, ‘while-editing’, ‘unless-editing’, ‘always’) | (iOS特有)输入框的右边清除按钮出现的时机 | 无 |
clearTextOnFocus | bool | (iOS特有)当编辑开始时是否情况里面的文本 | 无 |
enablesReturnKeyAutomatically | bool | (iOS特有)为true时,没有文本时,ruturn按钮是不见的,当有文本时,自动显示 | false |
maxLength | number | (iOS特有)最大长度 | 无 |
returnKeyType |
跨平台支持的值:done、go、next、search、send 仅 Android 支持的值:none、previous 仅 iOS 支持的值:default、google、join、route、yahoo、emergency-call |
return键的类型 | 无 |
selectTextOnFocus | bool | 选择文本时自动对焦 | 无 |
selectionState | DocumentSelectionState | 状态 | 无 |
textAlignVertical | enum(‘top’, ‘center’, ‘bottom’) | (android特有)垂直方向上的布局 | 无 |
underlineColorAndroid | string | 下划线的颜色 | 无 |
相关文章推荐
- React-Native TextInput组件的主要属性
- 混合开发的大趋势之一React Native Props (属性)
- React Native组件的生命周期及属性props
- React Native你需要整理一下
- React-Native组件之 TabBarIOS和TabBarIOS.Item
- React Native 组件的默认属性Props的两种写法
- 整理了一份React-Native学习指南
- react-native 组件默认属性(defaultProps) 及 属性类型验证(PropTypes)
- React Native 常见属性的理解
- 整理了一份React-Native学习指南
- react native textInput随内容高度设置textinput高度
- react-native 之 INPUT
- 整理了一份React-Native学习指南
- ReactNative React-native-router-flux框架---刷新当前页面的属性
- React Native 之TextInput 高度自增长扩展实现
- 学习ReactNative笔记整理一___JavaScript基础
- React Native组件(四)TextInput组件解析
- React-native学习过程 七 flexbox伸缩项目属性
- React-Native之TextInput实现高度自增长解决方案
- React Native - pointerEvent属性介绍(当前视图是否处理触摸事件)