react-native-security-keyboard

A security keyboard, Re - realized TextInput, and more powerful.

Installation

Installation can be done through npm or yarn:

npm i react-native-security-keyboard --save

yarn add react-native-security-keyboard

Usage

Import react-native-security-keyboard and wrap your content inside it:

import SecurityKeyboard from 'react-native-security-keyboard'

<SecurityKeyboard
    placeholder={"手动输入金额"}
    placeholderTextColor={'#E0E0E0'}
    onChangeText={this.XXXX.bind(this)}
    onFocus={this.XXXX.bind(this)}
    style={styles.XXX}
    valueStyle={styles.XXXX}
    ref={$moneyInput=>{
        this.$moneyInput = $moneyInput;
    }}
    regs={this.XXX.bind(this)}
/>

API

Props

| Prop | Type | Description | |----------|----------|-----------------| | disabled | String | prohibit input, The default is false. | | caretHidden | String | hide cursor, The default is false. | | secureTextEntry | String |password modal, The default is false.. | | placeholderTextColor | String | The color of the text displayed by the placeholder string. | | style | Object | custom TextInput external style Style, does not support font Style. | | valueStyle | Object | Text content style.| | keyboardHeader | element | Customizing the top of the keyboard.| | regs | Func(value) | value check, need to return the check after the value out. | | onChangeText | Func(value) | Value modified callback. | | onFocus | Func | The callback function of the focus. | | onBlur | Func | A callback function that loses focus |

Methods

| Method | Parameter | Description | |------------|---------------|-----------------| | clear | none | Clear all the content | | isFocused | none |The return value indicates whether the current input box has got the focus. | | blur | none | Lose focus. | | focus | none | Get the focus. |

Contact

More methods are needed. Please contact me [email protected]

Author

Yan