A utility that allows you to listen for incoming SMS messages.
import SmsListener from 'react-native-android-sms-listener'
SmsListener.addListener(message => {
console.info(message)
})The contents of message object will be:
{
originatingAddress: string,
body: string,
timestamp: number
}SmsListener#addListener returns a CancellableSubscription so if you want to stop listening for incoming SMS messages you can simply .remove it:
let subscription = SmsListener.addListener(...)
subscription.remove()In recent versions of Android you might also have to ask for permissions:
async function requestReadSmsPermission() {
try {
await PermissionsAndroid.request(
PermissionsAndroid.PERMISSIONS.READ_SMS,
{
title: "(...)",
message: "Why you're asking for..."
}
);
} catch (err) {}
}
class MyComponent extends Component {
// ...
componentDidMount() {
requestReadSmsPermission();
}
// ...
}...and if in your sign up process you have the phone number verification step which is done by sending a code via SMS to the specified phone, you might want to verify it automatically when the user receive it — pretty much like what Telegram or WhatsApp does:
let subscription = SmsListener.addListener(message => {
let verificationCodeRegex = /Your verification code: ([\d]{6})/
if (verificationCodeRegex.test(message.body)) {
let verificationCode = message.body.match(verificationCodeRegex)[1]
YourPhoneVerificationApi.verifyPhoneNumber(
message.originatingAddress,
verificationCode
).then(verifiedSuccessfully => {
if (verifiedSuccessfully) {
subscription.remove()
return
}
if (__DEV__) {
console.info(
'Failed to verify phone `%s` using code `%s`',
message.originatingAddress,
verificationCode
)
}
})
}
})If you're using Twilio or a similar third-party messaging service which you have a fixed phone number to deliver messages you might want to ensure that the message comes from your service by checking message.originatingAddress.
$ npm install --save react-native-android-sms-listener
$ react-native link react-native-android-sms-listenerFor a manual installation, all you need to do to use this so-called utility is:
android/settings.gradle
include ':react-native-android-sms-listener'
project(':react-native-android-sms-listener').projectDir = new File(rootProject.projectDir,'../node_modules/react-native-android-sms-listener/android')android/app/build.gradle
dependencies {
compile project(':react-native-android-sms-listener')
// (...)
}MainApplication.java
import com.centaurwarchief.smslistener.SmsListenerPackage;@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new SmsListenerPackage()
// (...)
);
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent