React-native-password-guard-input NPM

react-native-password-guard-input

密码卫士

Install 安装

npm i react-native-password-guard-input --S
react-native link react-native-password-guard-input

Configuration 配置

android

在项目的android/app/src/AndroidManifest.xml文件中加入：

<meta-data android:name="PGI_LICENSE" android:value="${PGI_LICENSE}" />
<meta-data android:name="PGI_CIPHER_KEY" android:value="${PGI_CIPHER_KEY}" />
<meta-data android:name="PGI_PUBLIC_KEY" android:value="${PGI_PUBLIC_KEY}" />
<meta-data android:name="PGI_ECC_KEY" android:value="${PGI_ECC_KEY}" />

在项目的android/app/build.gradle文件的defaultConfig节点内增加：

 manifestPlaceholders = [
       PGI_LICENSE   : [YOUR-LICENSE],
       PGI_CIPHER_KEY: [YOUR-CIPHER_KEY],
       PGI_PUBLIC_KEY: [YOUR-PUBLIC_KEY],
       PGI_ECC_KEY   : [YOUR-ECC_KEY],
  ]

Props属性

Name	Type	Default	Note
isNumberPad	bool	false	是否显示为数字键盘
isEncrypt	bool	true	是否对输入的文字进行加密
hasPressAnim	bool	false	是否有按键的动画效果
hasPressState	bool	false	是否有按键的按下状态
maxLength	number	100	最大输入长度
reorderType	number	0	键盘是否乱序；可选值：0:默认不乱序；1:初始化后只乱序一次；2:每次点击键盘都重新排序。
inputRegex	string		键盘输入正则规则，默认为无限制。
onTextChanged	func		输入框内文本发生变化的回调；返回的值为object。具体见下面;

onTextChanged 事件的返回值枚举

Name	Type	Default	Note
textLength	number	0	用户输入数据的长度
aesCipherText	string	null	AES加密密文，Base64编码
md5CipherText	string	null	MD5哈希值
rsaAesCipherText	string	null	RSA+AES加密密文，Base64编码
sm2CipherText	string	null	SM2加密密文，Base64编码
sm3CipherText	string	null	SM3加密密文，十六进制编码
sm4CipherText	string	null	SM4加密密文，Base64编码

Usage 使用

.....
import PassGuardInput from 'react-native-password-guard-input';

export default class PasswordInputExample extends Component {
    render() {
        return (
            <View style={styles.container}>
            	<PassGuardInput hasPressState={true} isNumberPad={true} 
            		maxLength={6}  onTextChanged={this._onChange.bind(this)}
            		style={{ width: 100, height: 40 }}/>
            </View>
        );
    }

    _onChange(t) {
        console.log(t);
    }
}
.....

password input

@infinitebrahmanuniverse/nolb-react-native-pa @everything-registry/sub-chunk-2587 @zalastax/nolb-react-native-pa

1.0.0

7 years ago