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.