密码卫士
npm i react-native-password-guard-input --S
react-native link react-native-password-guard-input
在项目的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],
]
| 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。具体见下面; |
| 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编码 |
.....
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);
}
}
.....
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent