19
May

Flutter SMS & MMS

0

Flutter SMS & MMS:

In this tutorial, we are going to learn to send SMS & MMS in Flutter. In our daily life, it is very important that sending SMS and MMS and receiving SMS and MMS is a part of our life. sometimes we are receiving OTP (one-time passwords) through SMS to verify the right user and his verification.

Using Flutter we are sending SMS and MMS on both Android and iOS devices. If you want to send more than one person it will send as MMS, not as an SMS. On the iOS device, if the number is an iPhone and iMessage should be enabled and it will send as an iMessage, not an SMS.

How to use Flutter SMS to send A SMS:

You can send SMS in multiple ways in Flutter:

  • A message with No People
  • People with No Message
  • A message with the People

Sending SMS In Flutter:

Use the below code to create an SMS  send functionality in Flutter.

 

void _sendSMS(String message, List recipents) async {
String _result = await FlutterSms
.sendSMS(message: message, recipients: recipents)
.catchError((onError) {
print(onError);
});
print(_result);
}

Quick sending the SMS in Flutter:

Use the below example code to quickly sending the SMS in Flutter. In below code, we are adding the list of recipients who receives this message. you can change when you test the recipients. 

String message = "This is a test message!";
List recipents = ["1234567890", "5556777776"];

_sendSMS(message, recipents);

Creating Flutter SMS and MMS Functionality:

Add the dependency package:

 To use SMS & MMS functionality in Flutter we need to add the dependency package to pubspec.yaml file. use the below code to add dependency package. After adding the dependency package run the get package method to import all the required files to the app. 

dependencies:
flutter_sms: ^1.0.0

Install the package:

You can install the package from the command line using the below code with Flutter as shown.

$ flutter packages get

Importing the Package:

After, Adding the dependency package to the pubspec.yaml file, you can now import the package into the dart code by using the below code. without adding the dependency package to the pubspec.yaml file if you import it will show package not found an error.

import 'package:flutter_sms/flutter_sms.dart';

Complete Example code for Flutter SMS & MMS:

Copy and Paste below code into your main.dart file

main.dart

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter_sms/flutter_sms.dart';

import 'dart:io' show Platform;
import 'package:flutter/foundation.dart';

// The existing imports
// !! Keep your existing impots here !!

/// main is entry point of Flutter application
void main() {
// Desktop platforms aren't a valid platform.
_setTargetPlatformForDesktop();

return runApp(MyApp());
}

/// If the current platform is desktop, override the default platform to
/// a supported platform (iOS for macOS, Android for Linux and Windows).
/// Otherwise, do nothing.
void _setTargetPlatformForDesktop() {
TargetPlatform targetPlatform;
if (Platform.isMacOS) {
targetPlatform = TargetPlatform.iOS;
} else if (Platform.isLinux || Platform.isWindows) {
targetPlatform = TargetPlatform.android;
}
if (targetPlatform != null) {
debugDefaultTargetPlatformOverride = targetPlatform;
}
}

class MyApp extends StatefulWidget {
@override
_MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State {
TextEditingController _controllerPeople, _controllerMessage;
String _message, body;
String _canSendSMSMessage = "Check is not run.";
List people = [];

@override
void initState() {
super.initState();
initPlatformState();
}

Future initPlatformState() async {
_controllerPeople = TextEditingController();
_controllerMessage = TextEditingController();
}

void _sendSMS(String message, List recipents) async {
try {
String _result =
await FlutterSms.sendSMS(message: message, recipients: recipents);
setState(() => _message = _result);
} catch (error) {
setState(() => _message = error.toString());
}
}

void _canSendSMS() async {
bool _result = await FlutterSms.canSendSMS();
setState(() => _canSendSMSMessage =
_result ? 'This unit can send SMS' : 'This unit cannot send SMS');
}

Widget _phoneTile(String name) {
return Padding(
padding: const EdgeInsets.all(3.0),
child: Container(
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(color: Colors.grey[300]),
top: BorderSide(color: Colors.grey[300]),
left: BorderSide(color: Colors.grey[300]),
right: BorderSide(color: Colors.grey[300]),
)),
child: Padding(
padding: EdgeInsets.all(4.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
icon: Icon(Icons.close),
onPressed: () => setState(() => people.remove(name)),
),
Padding(
padding: const EdgeInsets.all(0.0),
child: Text(
name,
textScaleFactor: 1.0,
style: TextStyle(fontSize: 12.0),
),
)
],
),
)),
);
}

@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new Scaffold(
appBar: new AppBar(
title: const Text('SMS/MMS Example'),
),
body: ListView(
children: [
people == null || people.isEmpty
? Container(
height: 0.0,
)
: Container(
height: 90.0,
child: Padding(
padding: const EdgeInsets.all(3.0),
child: ListView(
scrollDirection: Axis.horizontal,
children:
List.generate(people.length, (int index) {
return _phoneTile(people[index]);
}),
),
),
),
ListTile(
leading: Icon(Icons.people),
title: TextField(
controller: _controllerPeople,
decoration: InputDecoration(labelText: "Add Phone Number"),
keyboardType: TextInputType.number,
onChanged: (String value) => setState(() {}),
),
trailing: IconButton(
icon: Icon(Icons.add),
onPressed: _controllerPeople.text.isEmpty
? null
: () => setState(() {
people.add(_controllerPeople.text.toString());
_controllerPeople.clear();
}),
),
),
Divider(),
ListTile(
leading: Icon(Icons.message),
title: TextField(
decoration: InputDecoration(labelText: " Add Message"),
controller: _controllerMessage,
onChanged: (String value) => setState(() {}),
),
trailing: IconButton(
icon: Icon(Icons.save),
onPressed: _controllerMessage.text.isEmpty
? null
: () => setState(() {
body = _controllerMessage.text.toString();
_controllerMessage.clear();
}),
),
),
Divider(),
ListTile(
leading: Icon(Icons.text_fields),
title: Text(body ?? "No Message Set"),
subtitle: people == null || people.isEmpty
? null
: Text(people.toString()),
trailing: IconButton(
icon: Icon(Icons.send),
onPressed: () {
if ((people == null || people.isEmpty) &&
(body == null || body.isEmpty)) {
setState(() =>
_message = "At Least 1 Person or Message Required");
} else {
_sendSMS(body, people);
}
},
),
),
Divider(),
Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.all(12.0),
child: Text(
_message ?? "No Data",
maxLines: null,
),
),
],
),
Divider(),
Padding(
padding: const EdgeInsets.all(8),
child: Text(
"Can send SMS",
style: Theme.of(context).textTheme.title,
),
),
Padding(
padding: const EdgeInsets.all(8),
child: Text(_canSendSMSMessage,
style: Theme.of(context).textTheme.body1)),
Padding(
padding:
const EdgeInsets.symmetric(vertical: 8.0, horizontal: 24),
child: RaisedButton(
color: Theme.of(context).accentColor,
padding: EdgeInsets.symmetric(vertical: 16),
child: Text("RUN CHECK",
style: Theme.of(context).accentTextTheme.button),
onPressed: () {
_canSendSMS();
},
),
)
],
),
),
);
}
}

Screen Shots

For Android                                                          For IOS 

 

Congratulations You Have Learned Sending Flutter SMS & MMS ….!!!

If It Is Helpful Share It With Your Friends….!!!

Leave a Reply

Categories