React-native-sms-z NPM

react-native-sms-z

SendSMS

A package to send long SMS messages on Android in background.

A react-native api to send long SMS messages. It can send SMS in background. It works only for android. This component used android native api to send sms and response a callback to react-native. This react-native component doesn't link to the mobile default messenger view. It will programmatically send the message to a phone number which is provided as a parameter and will response a callback with a string indicating message was sent or failure or no service.

usage

import SendSMS from 'react-native-sms-z';
// you can put any number as Id to identify which message being process
SendSMS.send(123, "+19293949596", "Hey.., this is me!\nGood to see you. Have a nice day. Have a nice day. Have a nice day. Have a nice day. Have a nice day. Have a nice day. Have a nice day. Have a nice day. Have a nice day.", (msg)=>{ alert(msg) });

Response msg string will be one of the following:

"SMS sent" - for successful message
"Generic failure" - for general failure
"No service" - for no mobile operator service
"Radio off" - for no mobile signal
"Null PDU" - for no PDU

Note:

Minimum android version is `4.1` and supported `RN >= v0.29`.

Installation

npm install react-native-sms-z --save

Android Setup

1.In your android/settings.gradle file, make the following additions:

include ':react-native-sms-z'
project(':react-native-sms-z').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sms-z/android/app')

2.In your android/app/build.gradle file, add the ':react-native-sms-z' project as a compile-time dependency:

...
dependencies {
		...
		compile project(':react-native-sms-z')
}

3.Update the MainApplication.java file as follow:

import com.facebook.react.ReactApplication;
...
import com.wpdo.sendsms.SendSMSPackage; // <--- add here!


public class MainApplication extends Application implements ReactApplication {

	private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
		@Override
		protected boolean getUseDeveloperSupport() {
			return BuildConfig.DEBUG;
		}

		@Override
		protected List<ReactPackage> getPackages() {
			return Arrays.<ReactPackage>asList(
					new MainReactPackage(),
					new SendSMSPackage()     // <--- add here!
			);
		}
	};

	@Override
	public ReactNativeHost getReactNativeHost() {
			return mReactNativeHost;
	}
}

4.In your AndroidManifest.xml file, add a user permission for sending SMS.

<uses-permission android:name="android.permission.SEND_SMS" />

Example

import React, { Component } from 'react';
import {
	AppRegistry,
	StyleSheet,
	Text,
	View,
	TouchableOpacity,
	ToastAndroid
} from 'react-native';
import SendSMS from 'react-native-sms-z';

export default class RNSMS extends Component {
	sendSMSFunction() {

		var g1 = await PermissionsAndroid.request(
			PermissionsAndroid.PERMISSIONS.SEND_SMS,
			{
				title: 'SEND_SMS Permission',
				message:
					'SEND_SMS needeeeeeed ',
				buttonNeutral: 'Ask Me Later',
				buttonNegative: 'Cancel',
				buttonPositive: 'OK',
			},
		);
		if ( g1 !== PermissionsAndroid.RESULTS.GRANTED ) {
			return;
		}

		SendSMS.send(123, "+19293949596", "Hey.., this is me!\nGood to see you. Have a nice day.",
			(msg)=>{
				ToastAndroid.show(msg, ToastAndroid.SHORT);
			}
		);
	}

	render() {
		return (
			<View style={styles.container}>
				<TouchableOpacity style={styles.button} onPress={this.sendSMSFunction.bind(this)}>
					<Text>Send SMS</Text>
				</TouchableOpacity>
			</View>
		);
	}
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#F5FCFF',
	},
	button: {
		padding: 10,
		borderWidth: .5,
		borderColor: '#bbb',
		margin: 10,
		alignItems: 'center',
		justifyContent: 'center'
	}
});

AppRegistry.registerComponent('RNSMS', () => RNSMS);