react-native-otp-form

React Native component for OTP Input Form

Getting started

Yarn

yarn add react-native-otp-form

NPM

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

Usage

Example

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

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

Check out the example project for more examples.

Props

• 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.