rn-otp-timer

A standalone , fully customizable Otp timer you can easily use.

Installation

npm install rn-otp-timer

Usage

import RnOtpTimer from 'rn-otp-timer';

<RnOtpTimer
  minutes={0}
  seconds={40}
  resendButtonStyle={styles.button}
  resendButtonTextStyle={styles.buttonText}
  resendButtonAction={() => {
    console.log('otp resent!');
  }}
/>;

Parameters

| Parameter | Required | Description | | --------------------- | -------- | ------------------------------------------------- | | minutes | No | Number of minutes for which the timer must be set | | seconds | No | Number of seconds for which the timer must be set | | resendButtonText | No | Set resend button text content | | resendButtonAction | Yes | Callback when resend button is clicked | | timerStyle | No | Props for styling timer content | | resendButtonStyle | Yes | Props for styling resend button | | resendButtonTextStyle | Yes | Props for styling resend button text |

Development workflow

To get started with the project, run yarn in the root directory to install the required dependencies for each package:

yarn

While it's possible to use npm, the tooling is built around yarn, so you'll have an easier time if you use yarn for development.

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

To run the example app on Android, go to example app directory and run:

yarn android

Contributing

Pull requests are welcome . For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Credits

react-native-bob-builder