您的位置:首页 > Web前端 > React

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
  • Android、iOS 都支持的:default、numeric、email-address
  • 仅支持 iOS:ascii-capable、numbers-and-punctuation、url、number-pad、phone-pad、name-phone-pad、decimal-pad、twitter、web-search
键盘类型
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 下划线的颜色
阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: