- Notifications
You must be signed in to change notification settings - Fork89
OTP inputs for React-Native
License
r5n-labs/react-native-otp-inputs
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
react-native-otp-inputs is fully customizable, React-Native package, that provides solution for One-time password feature with user friendly events like moving to previous input with backspace or going to next when filled in. It supports pasting and otp code into inputs
Supported version:react-native >= 0.59.0
$ yarn add react-native-otp-inputs @react-native-clipboard/clipboard
$ npx pod-install
Clipboard module has been extracted from react-native core, so it needs to be installed separately.Package uses it for autofill feature
For React Native version 0.59
run the following command to link the package:
$ react-native link @react-native-clipboard/clipboardFor iOS, make sure you install the pod file.
cd ios && pod install && cd ..or you could follow the instructions tomanually link the project
| React-Native version | version |
|---|---|
| 0.53.0 - 0.56.1 | yarn add react-native-otp-inputs@1.1.0 |
| 0.57.0 - 0.58.6 | yarn add react-native-otp-inputs@3.2.2 |
| +0.59.0 | yarn add react-native-otp-inputs |
importReact,{Component}from'react';import{View}from'react-native';importOtpInputsfrom'react-native-otp-inputs';exportdefaultclassAppextendsComponent{render(){return(<Viewstyle={styles.container}><OtpInputshandleChange={(code)=>console.log(code)}numberOfInputs={6}/></View>);}}
Great thanks to :@kantorm.
About
OTP inputs for React-Native
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.