https://github.com/danchokobo/react-native-code-verification

❤️ Simple UI for pincode verification
https://github.com/danchokobo/react-native-code-verification

code keypad num pincode react-native verification

Last synced: 7 days ago
JSON representation

❤️ Simple UI for pincode verification

• Host: GitHub
• URL: https://github.com/danchokobo/react-native-code-verification
• Owner: danchokobo
• License: mit
• Created: 2018-06-05T07:10:25.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-04-29T21:18:16.000Z (over 5 years ago)
• Last Synced: 2024-08-15T00:20:09.656Z (4 months ago)
• Topics: code, keypad, num, pincode, react-native, verification
• Language: JavaScript
• Homepage:
• Size: 187 KB
• Stars: 116
• Watchers: 3
• Forks: 18
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-code-verification ★13 - An UI module for user-side pincode verification. (Components / UI)
• awesome-made-in-kz - react-native-code-verification
• awesome-reactnative-ui - react-native-code-verification - native-code-verification/master//screenshots/blue.png?raw=true)| (Others)
• awesome-react-native - react-native-code-verification ★13 - An UI module for user-side pincode verification. (Components / UI)
• awesome-reactnative-ui - react-native-code-verification - native-code-verification/master//screenshots/blue.png?raw=true)| (Others)
• awesome-react-native - react-native-code-verification \*13 - An UI module for user-side pincode verification. (Components / UI)
• awesome-react-native - react-native-code-verification ★13 - An UI module for user-side pincode verification. (Components / UI)

README

        

# react-native-code-verification

An UI module for user-side pincode verification.

## Getting started

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

### Props

| Name | Type | Description | Default |

| ---- | :---: | --- | --- |

| ```descriptionText``` | String  | A description text | Please enter pincode for entry

| ```spaceColor``` | Color  | Color of line under digit | #FF0000

| ```closeButtonColor``` | Color  | Color of X - close button | #FF0000

| ```onEnteredPincode``` | Function  | A function that returns entered code | -

| ```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

```javascript

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

// TODO: What to do with the module?

class Example extends Component {

  public render() {

    return (

      

         this.onDetectPin(pin)} />

      

    );

  }

  private onDetectPin = pin => {

    console.log('pinCode>>>', pin);

  };

}

```

## Credentials

[MIT](http://opensource.org/licenses/mit-license.html), [Otel Danagul](https://github.com/danchokobo)