react-native试玩(22)-文本输入框

前端之家收集整理的这篇文章主要介绍了react-native试玩(22)-文本输入框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

TextInput

属性

名称 类型 意义 默认值
autoCapitalize enum(‘none’,‘sentences’,‘words’,‘characters’) 针对哪种类型自动大小写
autoCorrect bool 自动更正 true
autoFocus bool 自动对焦 false
defaultValue string 默认显示的值
editable bool 是否可编辑
keyboardType enum(“default”,‘numeric’,‘email-address’,“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 enum(‘default’,‘go’,‘google’,‘join’,‘next’,‘route’,‘search’,‘send’,‘yahoo’,‘done’,‘emergency-call’) return键的类型
selectTextOnFocus bool 选择文本时自动对焦
selectionState DocumentSelectionState 状态
textAlignVertical enum(‘top’,‘bottom’) (android特有)垂直方向上的布局
underlineColorAndroid string 下划线的颜色

猜你在找的React相关文章