react-native-code-verification

An UI module for user-side pincode verification.

Getting started

$ npm i react-native-code-verification-v2 --s

Props

| Name | Type | Description | Default | | ---- | :---: | --- | --- | | descriptionText | String | A description text | Please enter pincode for entry | spaceColor | Color | Color of line under digit | #FF0000 | textColor | Color | Color of descriptionText | gray | closeButtonColor | Color | Color of X - close button | #FF0000 | onEnteredPincode | Function | A function that returns entered code | - | currentEnteredNumber | Function | A function that returns every time a number is pressed | - | onCloseView | Function | On press close button, will be useful to close view | - | onPressTouchId | Function | Touch Id is not available, but you can make it by yourself | - | withTouchId | Boolean | If you do not neet touch id, you can set it to false | TRUE

Screenshots

Usage

import Pincode from 'react-native-code-verification-v2';

// TODO: What to do with the module?
class Example extends Component {
  onEnteredPincode(pin) {
    console.log(pin);
  }
  onCloseView() {
    // Can Close View.
  }
  currentEnteredNumber(number) {
    console.log(number);
  }
  public render() {
    return (
      <View style={styles.container}>
        <Pincode
          onEnteredPincode={this.onEnteredPincode.bind(this)}
          onCloseView={this.onCloseView.bind(this)}
          spaceColor={'#433223'}
          textColor={'#433223'}
          currentEnteredNumber={this.currentEnteredNumber.bind(this)}
        />
      </View>
    );
  }
}

Credentials

MIT, Otel Danagul, Darrell Richards