react-native-otp-verify-remastered
v1.1.0
Published
Verify SMS messages natively through React-Native without requiring additional permissions.
Downloads
141
Maintainers
Readme
react-native-otp-verify-remastered
Due to the lack of response from the maintenance team, I am deploying my own package for my projects. If you'd like to use this package, feel free to do so.
Original Package react-native-otp-verify
Currently supported React Native version: >= 0.64.0
react-native-otp-verify-remastered
The SMS Retriever API is used in Automatic SMS Verification. You can use the API to automatically verify users' identities through SMS, without requiring them to type verification codes manually or requiring them to grant additional permissions to your app.
Message Format/Structure
In order to detect the message, a hash that identifies your application must be included in the SMS. Below, you can find this hash by using the getHash() method.
For more information on the message structure, consult the official documentation here. Google developer guide
Getting started
npm i react-native-otp-verify-remastered
or
yarn add react-native-otp-verify-remastered
Usage
import RNOtpVerify from 'react-native-otp-verify-remastered';
// THIS PACKAGE ONLY FOR ANDROID
getHash = () =>
RNOtpVerify.getHash()
.then(console.log)
.catch(console.log);
startListeningForOtp = () =>
RNOtpVerify.getOtp()
.then(p => RNOtpVerify.addListener(this.otpHandler))
.catch(p => console.log(p));
otpHandler = (message: string) => {
const otp = /(\d{4})/g.exec(message)[1];
this.setState({ otp });
RNOtpVerify.removeListener();
Keyboard.dismiss();
}
getMobilehint = () => {
RNOtpVerify.requestHint()
.then((h) => console.log(h))
.catch((e) => console.log(e));
}
componentWillUnmount() {
RNOtpVerify.removeListener();
}
Example React Native App
This project includes an example React Native app. You can run the apps by following these steps:
- Clone the repository
cd ~
git clone [email protected]:pushpender-singh-ap/react-native-otp-verify-remastered.git
- cd to
example
cd react-native-otp-verify-remastered/example
- Install dependencies
npm install
- Run the apps:
Run the Android app
react-native run-android
Methods
getOtp():Promise<boolean>
Start listening for OTP/SMS. Return true if listener starts else throws error.
getOtp():Promise<boolean>
Start listening for OTP/SMS. Return true if listener starts else throws error.
getHash():Promise<string[]>
Gets the hash code for the application which should be added at the end of message. This is just a one time process.
requestHint():Promise<string[]>
This method is part of sms retreiver api and its show available phone number list.
addListener(handler:(message:string)=>any):Promise<boolean>
Adds a javascript listener to the handler passed which is called when message is received.
removeListener():void
Removes the listener.