How to Read Inbox, Sent and Draft SMS (Messages) in Flutter App

In this example, we are going to show you the way to read all the inboxes, sent, and draft messages from the device. It will be very helpful for you if you are making an app that has the functionality of reading SMS. See the example below to know more. 

First of all, you need to add SMS flutter Package to your dependency by adding the following line to pubspec.yaml file. 

dependencies:
  flutter:
    sdk: flutter
  sms: ^0.2.4

To read SMS from the device using the following code:

Declare query instance in the class:

SmsQuery query = new SmsQuery();

Use the following code to read messages:

List<SmsMessage> messages = await query.querySms(
    kinds: [SmsQueryKind.Inbox, SmsQueryKind.Sent, SmsQueryKind.Draft], 
    //filter Inbox, sent or draft messages
    count: 10, //number of sms to read
);

Full Dart Code:

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

void main() {
  runApp(MyApp()); 
}

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: "Test App",
        home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget{
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {

  SmsQuery query = new SmsQuery();
  List<SmsMessage> allmessages;

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

  void getAllMessages(){
      Future.delayed(Duration.zero,() async {
          List<SmsMessage> messages = await query.querySms( //querySms is from sms package
              kinds: [SmsQueryKind.Inbox, SmsQueryKind.Sent, SmsQueryKind.Draft], 
              //filter Inbox, sent or draft messages
              count: 10, //number of sms to read
          );

         setState(() { //update UI
            allmessages = messages; 
         });
          
      });
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold( 
      appBar: AppBar( 
         title: Text("Read SMS Inbox"),
         backgroundColor: Colors.redAccent,
      ),
      body: SingleChildScrollView( 
         child: Container(
            padding: EdgeInsets.all(20),
            child: allmessages == null?
              Center( 
                child: CircularProgressIndicator()
              ):
              Column(
              children:allmessages.map((messageone){ //populating children to column using map
                  String type = "NONE";  //get the type of message i.e. inbox, sent, draft
                  if(messageone.kind == SmsMessageKind.Received){
                     type = "Inbox";
                  }else if(messageone.kind == SmsMessageKind.Sent){
                     type = "Outbox";
                  }else if(messageone.kind == SmsMessageKind.Draft){
                     type = "Draft";
                  }
                  return Container( 
                     child: Card( 
                       child: ListTile( 
                          leading: Icon(Icons.message),
                          title: Padding(child: Text(messageone.address + " (" + type + ")"),
                                    padding: EdgeInsets.only(bottom:10, top:10)
                                 ), // printing address
                          subtitle: Padding(child: Text(messageone.date.toString() + "\n" + messageone.body), 
                                       padding: EdgeInsets.only(bottom:10, top:10)
                                  ), //pringint date time, and body
                       )
                     ),
                  );
               }).toList()
            ),
         ),
      )
    );
  }
}

Output Screenshots:

In this way, you can list Inbox, Sent, and Draft SMS in Flutter App. 

No any Comments on this Article


Please Wait...