$ 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)
输入的文本字体大小。