react-native动态验证码
2019-06-28 本文已影响0人
ai4code
react-native-verification-code
react-native随机验证码
主要依赖库 react-native-linear-gradient具体原生相关操作请参考以上网址.
start
npm install react-native-verification-code
import VerificationCode from 'react-native-verification-code';
react-native-verfication-code api
属性 | 描述 | 参数类型 | 默认值 |
---|---|---|---|
containerStyle | 容器样式 | Object | |
textStyle | 验证码文本样式 | Object | |
codeLength | 验证码长度 | Number | 4 |
mode | 模式默认字母,支持letter,number两种 | String | letter |
isColor | 是否开启验证码随机字体颜色 | Boolean | false |
isBgColor | 是否开启容器背景随机颜色 | Boolean | false |
time | 响应时间内多次点击无效 | Number | 200 |
onClick | 点击事件 | Function |
example截图
-
Github地址
exp.jpg