$ npm install react-native-rxinput --save
import RXTextInput, {RXNumberUtil} from 'react-native-rxinput'
// render
<RXTextInput
type={'float'}
enable={false}
maxLength={5}
onChangeText={(text) => {
//...
}
//...TextInput.props
/>
根据 React-Native
的 TextInput 控制和过滤掉文本。
- ...TextInput.props
- type
- enable
- valueSize
类型 | 说明 | 默认 |
---|---|---|
text | 空(默认键盘) | true |
number | 数字键盘 | |
int | 数字键盘 - 整型 | |
float | 数字键盘 - 浮点型(最多保留2位小数) | |
amount | 金额 (8位数字 + 格式化) | |
phone | 手机 (11位数字 + 格式化) | |
bankCard | 银行卡 (19位数字 + 格式化) | |
VIN | 车架号 (17位字母+数字) | |
idCardNo | 身份证 (18位) | |
邮箱 | ||
captcha | 验证码 (6位数字) | |
graphCaptcha | 校验图形验证码 (4位数字) | |
password | 输入的文本加密 |
如果为false,文本框是不可编辑的。默认值为true。(等同于 editable
)
输入的文本字体大小。