react-native-otp-form

!npm !Supports Android, iOS, and Web !MIT License

React Native component for OTP Input Form

Getting started

$3

yarn add react-native-otp-form

$3

npm install react-native-otp-form --save

Usage

$3

``javascript
import OTP from "react-native-otp-form"
`

`javascript
codeCount={6}
containerStyle={{ marginTop: 50 }}
otpStyles={{ backgroundColor: "#eee" }}
/>
`

Check out the example project for more examples.

$3

- Inherited TextInput props...

| Type | Required | Description |
| ----------------- | -------- | ----------------------------------------------------------- |
| codeCount | Yes | How many otp box/character |
| containerStyle | No | Styles for container View |
| otpStyle | No | Styles for each of TextInput |
| onTyping | No | Callback to get otp when user typing |
| onFinish | No | Callback to get otp value when user finish filled all boxes |
| ...TextInputProps | No | TextInput Props |

Running the Example app

While developing, you can run the example app to test your changes.

Setup

- Clone the repository
- Go to Example folder (Expo)
- Run yarn install

Start the app (Example in Expo)

- Run yarn start

License

The library is released under the MIT licence. For more information see LICENSE`.