rn-otp-input-field A customizable OtpScreen screen component for React Native projects. Use this open source library in your fresh React Native project for instant startup.
Table of Contents
Installation
To use rn-otp-input-field in your React Native project, simply install it using npm or yarn:
yarn add rn-otp-input-field
or
npm install rn-otp-input-fieldUsage
To use the OtpScreen component in your app, import it from the rn-otp-input-field package and render it as the second component in your app after splash screen. You can customize the appearance and behavior of the OtpScreen screen by passing in props.
How to use
import OtpScreen from "rn-otp-input-field";
function App() {
return <OtpScreen length={4} />;
}Props
The OtpScreen component accepts the following props:
| Prop Name | Data Type | Description |
|---|---|---|
| length | bool | Otp Input length |
| --------- | --------- | ----------- |
| otpInputStyle | any | Your otpInput Style |
| --------- | --------- | ----------- |
| containerStyle | any | Your container Style |
Contributors
We would like to thank the following developers for their contributions to this project:
To all our contributors, thank you for your hard work and dedication!
License
This package is released under the MIT License.