react-native-otp-timer

A React-Native Component that will start a countdown on pressing Resend OTP"

install like this

npm i react-native-otp-timer

https://user-images.githubusercontent.com/75023861/176608314-235d203b-69c3-4b2d-884e-6bc79783673d.mp4

props	details
minute	give the minutes you want for countdown (must given prop if nothing to give then just give 0 )
second	give the seconds you want (must given prop if nothing to give then just give 0 )
textcolor	it will change the color of time
fontsize	it will change the font size of time
fontfamily	it will change the font family of time
labeltext	it will change the text of label by default it was "ResendOTP"
labelfontsize,	it will chnage the font size of label
labelfontfamily,	it will change the font family of label
labelcolor	it will change the color of label

simple usage with all props

import {StyleSheet, Text, View} from 'react-native';
import React from 'react';
import RnOtpTimer from 'react-native-otp-timer';

const App = () => {
  return (
    <View
      style={{
        flex: 1,
        justifyContent: 'center',
        flexDirection: 'column',
        alignSelf: 'center',
      }}>
      <RnOtpTimer
        minute={1}
        second={30}
        fontsize={20}
        fontfamily={'Poppins-Regular'}
        textcolor={'blue'}
        labelfontsize={20}
        labelfontfamily={'Poppins-Regular'}
        labelcolor={'blue'}
        labeltext="want otp again"
      />
    </View>
  );
};

export default App;

const styles = StyleSheet.create({});

License

MIT

Contact

Email: [e-mail]
LinkedIn: https://www.linkedin.com/in/saurabh-satapathy-692a6a1b9/
GitHub: https://github.com/saurabh190802
Twitter: https://mobile.twitter.com/SaurabhSatapat1