Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

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: 2 months ago
JSON representation

❤️ Simple UI for pincode verification

Lists

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)