Skip to content

abdymm/react-native-otp-form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-otp-form

npm Supports Android, iOS, and Web MIT License

React Native component for OTP Input Form

DEMO

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

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.