Nowadays, working with a location in the app is very common. Using the Flutter Location plugin, it’s effortless to get the user’s location on Android and iOS devices.

In this article, we’ll show how to get the user’s current location and display the address. We will also implement a demo using the location package.

location | Flutter Package
This plugin for Flutter handles getting location on Android and iOS. It also provides callbacks when location is…pub.dev

Table of Contents :

Introduction

Setup

Code Implementation

Code File

Conclusion

Introduction :

Sometimes to provide the best possible user experience, you need to know the GPS location of their device. The Location package allows you to obtain the current geographic location of the device and listen for changes. You can use this data to display maps, calculate distances, determine the direction the device is facing, and more!

Setup :

Step 1: Add the dependency

Start by adding the dependency to the pubspec.yml file

dependencies:
  location: latest version

Android: all the dependencies are automatically added to your project.

IOS:

Modify the Info.plist file to add the permission

NSLocationWhenInUseUsageDescription
NSLocationAlwaysUsageDescription

It can be found inside <your-project-root-directory>/ios/Runner/ folder

Step 2: To get the user’s location import the library into MyLocation.dart

import 'package:location/location.dart';

Implement Code :

Create variables for storing address and location in the MyLocation.dart class and showing in the google map. On location change, we will display it on the screen.

LocationData _currentPosition;
String _address,_dateTime;

Now we get the location, In this function, we will get the coordinates of the user

Now we are showing coordinates on the screen.

Get address from the coordinates

Display address and coordinates

Wherever you want to display it on the screen

On Google map,

In these snippets, we are using google map and text to display the user’s coordinates and address.

Code File

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:location/location.dart';
import 'package:geocoder/geocoder.dart';
import 'package:intl/intl.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';


class MyLocation extends StatefulWidget {
  @override
  _MyLocationState createState() => _MyLocationState();
}


class _MyLocationState extends State<MyLocation> {
  LocationData _currentPosition;
  String _address,_dateTime;
  GoogleMapController mapController;
  Marker marker;
  Location location = Location();

  GoogleMapController _controller;
  LatLng _initialcameraposition = LatLng(0.5937, 0.9629);

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    getLoc();

  }

  void _onMapCreated(GoogleMapController _cntlr)
  {
    _controller = _controller;
    location.onLocationChanged.listen((l) {
      _controller.animateCamera(
        CameraUpdate.newCameraPosition(
          CameraPosition(target: LatLng(l.latitude, l.longitude),zoom: 15),
        ),
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(

      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
              image: AssetImage('assets/images/bg.jpg'), fit: BoxFit.cover),
        ),
        height: MediaQuery.of(context).size.height,
        width: MediaQuery.of(context).size.width,
        child: SafeArea(
          child: Container(
            color: Colors.blueGrey.withOpacity(.8),
            child: Center(
              child: Column(
                children: [
                  Container(
                    height:  MediaQuery.of(context).size.height/2.5,
                    width: MediaQuery.of(context).size.width,
                    child: GoogleMap(
                      initialCameraPosition: CameraPosition(target: _initialcameraposition,
                      zoom: 15),
                      mapType: MapType.normal,
                      onMapCreated: _onMapCreated,
                      myLocationEnabled: true,
                    ),
                  ),
                  SizedBox(
                    height: 3,
                  ),
                  if (_dateTime != null)
                    Text(
                      "Date/Time: $_dateTime",
                      style: TextStyle(
                          fontSize: 15,
                          color: Colors.white,
                        ),
                    ),

                  SizedBox(
                    height: 3,
                  ),
                  if (_currentPosition != null)
                    Text(
                      "Latitude: ${_currentPosition.latitude}, Longitude: ${_currentPosition.longitude}",
                      style: TextStyle(
                          fontSize: 22,
                          color: Colors.white,
                          fontWeight: FontWeight.bold),
                    ),
                  SizedBox(
                    height: 3,
                  ),
                  if (_address != null)
                    Text(
                      "Address: $_address",
                      style: TextStyle(
                        fontSize: 16,
                        color: Colors.white,
                      ),
                    ),
                  SizedBox(
                    height: 3,
                  ),
                ],
              ),
            ),
          ),
        ),
      ),

    );
  }


  getLoc() async{
    bool _serviceEnabled;
    PermissionStatus _permissionGranted;

    _serviceEnabled = await location.serviceEnabled();
    if (!_serviceEnabled) {
      _serviceEnabled = await location.requestService();
      if (!_serviceEnabled) {
        return;
      }
    }

    _permissionGranted = await location.hasPermission();
    if (_permissionGranted == PermissionStatus.denied) {
      _permissionGranted = await location.requestPermission();
      if (_permissionGranted != PermissionStatus.granted) {
        return;
      }
    }

    _currentPosition = await location.getLocation();
    _initialcameraposition = LatLng(_currentPosition.latitude,_currentPosition.longitude);
    location.onLocationChanged.listen((LocationData currentLocation) {
      print("${currentLocation.longitude} : ${currentLocation.longitude}");
      setState(() {
        _currentPosition = currentLocation;
        _initialcameraposition = LatLng(_currentPosition.latitude,_currentPosition.longitude);

        DateTime now = DateTime.now();
        _dateTime = DateFormat('EEE d MMM kk:mm:ss ').format(now);
        _getAddress(_currentPosition.latitude, _currentPosition.longitude)
            .then((value) {
          setState(() {
            _address = "${value.first.addressLine}";
          });
        });
      });
    });
  }


  Future<List<Address>> _getAddress(double lat, double lang) async {
    final coordinates = new Coordinates(lat, lang);
    List<Address> add =
    await Geocoder.local.findAddressesFromCoordinates(coordinates);
    return add;
  }

}

Conclusion

In this article, I have explained the location package demo, which you can modify and experiment with according to your own. This little introduction was about to get the user’s current location and display it on the map.

I hope this blog will provide you with sufficient information in trying up to get the user’s current location in your flutter projects. We will show to get the user location demo program for working location in your flutter applications. So please try it.

❤ ❤ Thanks for reading this article ❤❤

If I got something wrong? Let me know in the comments. I would love to improve.

Clap 👏 If this article helps you.

From Our Parent Company Aeologic

Aeologic Technologies is a leading AI-driven digital transformation company in India, helping businesses unlock growth with AI automation, IoT solutions, and custom web & mobile app development. We also specialize in AIDC solutions and technical manpower augmentation, offering end-to-end support from strategy and design to deployment and optimization.

Trusted across industries like manufacturing, healthcare, logistics, BFSI, and smart cities, Aeologic combines innovation with deep industry expertise to deliver future-ready solutions.

Feel free to connect with us:
And read more articles from FlutterDevs.com.

FlutterDevs team of Flutter developers to build high-quality and functionally-rich apps. Hire a flutter developer for your cross-platform Flutter mobile app project on an hourly or full-time basis as per your requirement! You can connect with us on Facebook, GitHub, Twitter, and LinkedIn for any flutter related queries.

We welcome feedback and hope that you share what you’re working on using #FlutterDevs. We truly enjoy seeing how you use Flutter to build beautiful, interactive web experiences.

What are tags?

Tags are small keywords that contain certain information, which helps to describe something like an item. You must have seen them being used in popular social media apps like instagram, twitter etc.

They further help us by classifying items, suppose we are searching for an image of a person which has certain aspects like the ‘person is smiling’ and ‘it is raining’. We can then use tags like ‘rain’ and ‘smile’ to categorize that picture and find the picture we were looking for, that’s basically how tags work.

Now that you are familiar with tags, lets jump into how we are gonna make them.

For creating them you will need following packages :

flutter_tags: "^0.4.9+1"
flutter_typeahead: 

flutter_typeahead — helps us by suggesting the word that user is currently trying to type in.

flutter_tags — helps us by creating tags for us, when user selects the suggestion.

Now that we are done with getting the necessary packages, we can start working on the code itself.

So first we need a textfield where we can enter our text and have it show us different results based on the text that we entered.

So we will use TypeAheadField here, this widget is the one provided by flutter_typeahead package and will get us all the different results based on our queries,

It takes 3 main parameters :

1. onSuggestionSelected — its a function which is executed when we select an item from the list that is being shown to us by our query, an example would be to search for apple in a list of fruits by typing ‘ap’ and then clicking on it.
2. itemBuilder — its a builder function which takes context and suggestions in it, suggestions are simple guesses from our list shown below the textfield in the form of list based on what user is currently typing.
3. suggestionsCallback — another function, which expects us to return a List of Strings and gives us a value with which we can sort different suggestions based on what user is typing.

Now that all the main functions are out of the way, lets get to coding part of it.

We are first gonna code the suggestionsCallback function so that we can easily get the items in a list format which contains the text that user is typing.

_sugestionList({@required List<String> tags , @required String suggestion}) {
  List<String> modifiedList = [];
  modifiedList.addAll(tags);
  modifiedList.retainWhere((text) => text.toLowerCase().contains(suggestion.toLowerCase()));
  if(suggestion.length >=2) {
    return modifiedList;
  }
  else {
    return null;
  }
}

Here we have created a function which will take list of tags and a String suggestion and on basis of it returns the number of items that contains the suggestion, we have used retainsWhere function of List which basically sorts through the list and retains the ones which match our condition, the condition that I have put in here is that we need to convert each item to lowerCase then convert the suggestion to lowerCase then compare if the list item contains that suggestion, if it does then it will return the modified list.

However, to make it look better I have put in another condition that, only returns the modified list if user has entered 2 or more than 2 words in there so if the list of suggestions is too long it won’t look bad.

Alright now that our suggestionCallback is set lets code in our itemBuilder and onSuggestionSelected as well.

TypeAheadField(
              hideOnLoading: true,
              hideOnEmpty: true,
              getImmediateSuggestions: false,
              onSuggestionSelected: (val) {
                _onSuggestionSelected(val);
              },
              itemBuilder: (context, suggestion) {
                return ListTile(
                  title: Text(suggestion,),
                );
              },
              suggestionsCallback: (val) {
                return _sugestionList(tags: tagsList, suggestion: val,);
//                return ;
              },
            ),

This is the basic code for typeAheadField, you will notice that in the itemBuilder I have made a simple ListTile which has title of suggestion, and in the onSuggestionSelected, I have made a simple function that will add the selected item to my list of tags, for now we can comment this function out and notice how it returns our list on writing something in the field.

Of-course before we do so we need to create a list that this will use so the code for that is below

List<String> tagsList = ['apple', 'banana', 'orange', 'kiwi' , ''];
List<String> selectedTags = [];

Alright, now we are set so you can go ahead and try it out.

Now that we are done with the typeAheadField and we are getting the list of items, now to make a tag on selecting a particular item from the list .We are gonna make a function that will build tags for us and call it right below our typeAheadField widget,

_generateTags() {
    return selectedTags.isEmpty ?
        Container()
        :
        Container(
      alignment: Alignment.topLeft,
      child: Tags(
        alignment: WrapAlignment.center,
        itemCount: selectedTags.length,
        itemBuilder: (index) {
          return ItemTags(
            index: index,
            title: selectedTags[index],
            color: Colors.blue,
            activeColor: Colors.red,
            onPressed: (Item item) {
              print('pressed');
            },
            highlightColor: Colors.transparent,
            splashColor: Colors.transparent,
            elevation: 0.0,
            borderRadius: BorderRadius.all(Radius.circular(7.0)),
//                textColor: ,
            textColor: Colors.white,
            textActiveColor: Colors.white,
            removeButton: ItemTagsRemoveButton(
                color: Colors.black,
                backgroundColor: Colors.transparent,
                size: 14,
                onRemoved: () {
                  _onSuggestionRemoved(selectedTags[index]);
                  return true;
                }),
            textOverflow: TextOverflow.ellipsis,
          );
        },
      ),
    );
  }

This function will help us generate tags and will even help us remove them, ignore the remove button function for now we will come back to it later.

So this function will work with selectedTags list that we created earlier which should have no value right now but we will fill it upon selection of an item from the list, this function will return tags with titles from that list and an index which is provided by itemBuilder of Tags widget so we can easily determine which tag was clicked on as well.

Now we move onto coding for adding into the selectedTags list,

_onSuggestionSelected(String value) {
  final String exists = tagsList.firstWhere((text) => text==value,orElse: (){return null;});
  if(exists !=null) {
    final String isAlreadyInSelectedList = selectedTags.firstWhere((text)=> text==value,orElse: () {return null;});

    if(isAlreadyInSelectedList ==null) {
      setState(() {
        selectedTags.add(value);
        tagsList.remove(value);
      });
    }
  }
}

We have created this _onSuggestionSelected method that takes a String and based on it first checks if this value exists in the list of our tags then if it exists checks if the value is already present in selectedTags list, if it returns null then we add those items into selectedTags list and remove them from tagsList so that we don’t show an item which is already selected by the user in the list.

we are using firstWhere method here to give us the first matching result.

Alright now we will call this method inside the onSuggestionSelected parameter of TypeAheadField as shown above in the TypeAheadField code and pass it the value, after this, it will start showing our tags to us. As adding is done, now we can work on removing the tag and adding the removed tags value back to our list so let’s create a function for that too!

_onSuggestionRemoved(String value) {
  final String exists = selectedTags.firstWhere((text) => text==value,orElse: () {return null;});
  if(exists !=null) {
    setState(() {
      selectedTags.remove(value);
      tagsList.add(value);
    });
  }
}

_onSuggestionRemovedfunction works just like the code from _onSuggestionSelected, it will first check if the value exists in the selectedTags list, if it does exists then we will remove that value from selectedTags list and add it back to our tagsList.

Now we can go ahead and call it inside our remove button parameter of Tag widget like shown before.

Alright so we are more or less done with tag system, but what if, the user wants to create their own tag when they submit ?

Now, we are going to create a function to do just that

_addSuggestion(String value) {
    final String exists = tagsList.firstWhere((text) => text ==value,orElse: () {return null;});
    if(exists !=null) {
      final String isAlreadyInSelectedList = selectedTags.firstWhere((text) => text ==value,orElse: () {return null;});
      if(isAlreadyInSelectedList ==null) {
        setState(() {
          selectedTags.add(value);
          tagsList.remove(value);
        });
      }
    }
    else {
      final String isAlreadyInSelectedList = selectedTags.firstWhere((text) => text==value,orElse: () {return null;});
      if(isAlreadyInSelectedList ==null) {
        setState(() {
          selectedTags.add(value);
        });
      }
    }
  }

This _addSuggestion function will help us achieve user making their own tag, First we will check whether the tag that user is specifying already exists in our tagsList if it does, we then check if it exists inside of our selectedTagsList and only add it to our selectedTagsList if it does not exists in it already.

In the else part that is to say it is not present in our tagsList we then check if it is already present inside our selectedTagsList and only add it to the selectedTagsList if it is not already there.

Now you may be asking, where exactly do we call this function?

Well, there is another property of TypeAheadField which is textFieldConfiguration, it takes the value of TextFIeldConfiguration() inside it.

TextFieldConfiguration allows us to interact normally with the textfield that is to say it contains most of the properties of a textField, so we can easily call our function on, onSubmitted, and then we are done.

Here is the code

textFieldConfiguration: TextFieldConfiguration(
  onSubmitted: (val) {
    print('runtimetype of val is ${val.runtimeType}');
    _addSuggestion(val);

  }

and with that, we are completely done with letting the user create their own tags.

Here is the full code for working tags :

import 'package:flutter/material.dart';
import 'package:flutter_tags/flutter_tags.dart';
import 'package:flutter_typeahead/flutter_typeahead.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: FlutterTagExample(),
    );
  }
}

class FlutterTagExample extends StatefulWidget {
//  List<String> listOfTags = [];

  @override
  _FlutterTagExampleState createState() => _FlutterTagExampleState();
}

class _FlutterTagExampleState extends State<FlutterTagExample> {
  List<String> tagsList = ['apple', 'banana', 'orange', 'kiwi', ''];
  List<String> selectedTags = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        padding: EdgeInsets.symmetric(horizontal: 20.0),
        child: Column(
          children: <Widget>[
            SizedBox(
              height: 200,
            ),
            TypeAheadField(
              textFieldConfiguration: TextFieldConfiguration(
                onSubmitted: (val) {
                  print('runtimetype of val is ${val.runtimeType}');
                  _addSuggestion(val);

                }
              ),
              hideOnLoading: true,
              hideOnEmpty: true,
              getImmediateSuggestions: false,
              onSuggestionSelected: (val) {
                _onSuggestionSelected(val);
              },
              itemBuilder: (context, suggestion) {
                return ListTile(
                  title: Text(
                    suggestion,
                  ),
                );
              },
              suggestionsCallback: (val) {
                return _sugestionList(
                  tags: tagsList,
                  suggestion: val,
                );
//                return ;
              },
            ),
            SizedBox(
              height: 20,
            ),
            _generateTags()
          ],
        ),
      ),
    );
  }

  _onSuggestionRemoved(String value) {
    final String exists =
        selectedTags.firstWhere((text) => text == value, orElse: () {
      return null;
    });
    if (exists != null) {
      setState(() {
        selectedTags.remove(value);
        tagsList.add(value);
      });
    }
  }
  _addSuggestion(String value) {
    final String exists = tagsList.firstWhere((text) => text ==value,orElse: () {return null;});
    if(exists !=null) {
      final String isAlreadyInSelectedList = selectedTags.firstWhere((text) => text ==value,orElse: () {return null;});
      if(isAlreadyInSelectedList ==null) {
        setState(() {
          selectedTags.add(value);
          tagsList.remove(value);
        });
      }
    }
    else {
      final String isAlreadyInSelectedList = selectedTags.firstWhere((text) => text==value,orElse: () {return null;});
      if(isAlreadyInSelectedList ==null) {
        setState(() {
          selectedTags.add(value);
//          tagsList.add(value);
        });
      }
    }
  }

  _onSuggestionSelected(String value) {
    final String exists =
        tagsList.firstWhere((text) => text == value, orElse: () {
      return null;
    });
    if (exists != null) {
      final String isAlreadyInSelectedList =
          selectedTags.firstWhere((text) => text == value, orElse: () {
        return null;
      });

      if (isAlreadyInSelectedList == null) {
        setState(() {
          selectedTags.add(value);
          tagsList.remove(value);
        });
      }
    }
  }

  _sugestionList({@required List<String> tags, @required String suggestion}) {
    List<String> modifiedList = [];
    modifiedList.addAll(tags);
    modifiedList.retainWhere(
        (text) => text.toLowerCase().contains(suggestion.toLowerCase()));
    if (suggestion.length >= 2) {
      return modifiedList;
    } else {
      return null;
    }
  }

  _generateTags() {
    return selectedTags.isEmpty
        ? Container()
        : Container(
            alignment: Alignment.topLeft,
            child: Tags(
              alignment: WrapAlignment.center,
              itemCount: selectedTags.length,
              itemBuilder: (index) {
                return ItemTags(
                  index: index,
                  title: selectedTags[index],
                  color: Colors.blue,
                  activeColor: Colors.red,
                  onPressed: (Item item) {
                    print('pressed');
                  },
                  highlightColor: Colors.transparent,
                  splashColor: Colors.transparent,
                  elevation: 0.0,
                  borderRadius: BorderRadius.all(Radius.circular(7.0)),
//                textColor: ,
                  textColor: Colors.white,
                  textActiveColor: Colors.white,
                  removeButton: ItemTagsRemoveButton(
                      color: Colors.black,
                      backgroundColor: Colors.transparent,
                      size: 14,
                      onRemoved: () {
                        _onSuggestionRemoved(selectedTags[index]);
                        return true;
                      }),
                  textOverflow: TextOverflow.ellipsis,
                );
              },
            ),
          );
  }
}

If you face any problems while implementing this, let me know I will try my hardest to reply to you ASAP, let us meet again in my next blog, hope to see everyone there.

Have a good day!

From Our Parent Company Aeologic

Aeologic Technologies is a leading AI-driven digital transformation company in India, helping businesses unlock growth with AI automation, IoT solutions, and custom web & mobile app development. We also specialize in AIDC solutions and technical manpower augmentation, offering end-to-end support from strategy and design to deployment and optimization.

Trusted across industries like manufacturing, healthcare, logistics, BFSI, and smart cities, Aeologic combines innovation with deep industry expertise to deliver future-ready solutions.

Feel free to connect with us:
And read more articles from FlutterDevs.com.

FlutterDevs team of Flutter developers to build high-quality and functionally-rich apps. Hire a flutter developer for your cross-platform Flutter mobile app project on an hourly or full-time basis as per your requirement! You can connect with us on Facebook, GitHub, Twitter, and LinkedIn for any flutter related queries.

We welcome feedback and hope that you share what you’re working on using #FlutterDevs. We truly enjoy seeing how you use Flutter to build beautiful, interactive web experiences.

While developing mobile applications, there are so many times when we have to interact with outside of your applications. So to achieve this Flutter provides an easy way by usingurl_launcher package.

In this article, we’ll show how to interact with another application from your app

url_launcher | Flutter Package
Flutter plugin for launching a URL on Android and iOS. Supports web, phone, SMS, and email schemes.pub.dev

Table of Contents :

Introduction

Setup

Code Implementation

Code File

Conclusion

Introduction :

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. URL launcher is used to open websites, create mail, open maps, etc.

To interact with outsider apps from your app we need to use a URL launcher package.

Setup

Step1: Add the dependency

Start by adding the dependency to the pubspec.yml file

dependencies:
   url_launcher: latest version

Supported URL schemas

The launch method takes a string argument containing a URL. This URL can be formatted using a number of different URL schemes. The supported URL schemes depend on the underlying platform and installed apps.

Code Implementation:

Create three buttons to launch web URL, mail, and map in the MyHomePage.dart class, and on clicking that button showing the corresponding launch.

For opening the web pages, on click of button Open URL call this method,

For Google map and apple map, pass latitude and longitude in the base url,

Sent an email by specifying the receiver’s email, subject, and body of the mail

In these snippets, we are using url_launcher to open outsider app like email, webpage, and map.

Code File

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

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final String lat = "25.3622";
  final String lng = "86.0835";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Url Launcher Demo'),
        ),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Card(
              color: Colors.blue,
              shape: RoundedRectangleBorder(
                side: new BorderSide(color: Colors.blue, width: 2.0),
                borderRadius: BorderRadius.circular(15.0),
              ),
              child: Padding(
                padding: const EdgeInsets.all(13.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Icon(Icons.open_in_browser, color: Colors.white,),
                    SizedBox(width: 5,),
                    InkWell(
                      onTap: _launchURL,
                      child: Text('Open Web url',style: TextStyle(
                          color: Colors.white
                      ),),
                    ),
                  ],
                ),
              ),
            ),

            Card(
              color: Colors.blue,
              shape: RoundedRectangleBorder(
                side: new BorderSide(color: Colors.blue, width: 2.0),
                borderRadius: BorderRadius.circular(15.0),
              ),
              child: Padding(
                padding: const EdgeInsets.all(13.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Icon(Icons.email_outlined, color: Colors.white,),

                    SizedBox(width: 5,),
                    InkWell(
                      onTap:  _launchEmail,
                      child: Text('Open email',style: TextStyle(
                          color: Colors.white
                      ),),
                    ),
                  ],
                ),
              ),
            ),

            Card(
              color: Colors.blue,
              shape: RoundedRectangleBorder(
                side: new BorderSide(color: Colors.blue, width: 2.0),
                borderRadius: BorderRadius.circular(15.0),
              ),
              child: Padding(
                padding: const EdgeInsets.all(13.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Icon(Icons.navigation_outlined, color: Colors.white,),

                    SizedBox(width: 5,),
                    InkWell(
                      onTap:  _launchMap,
                      child: Text('Open map',style: TextStyle(
                          color: Colors.white
                      ),),
                    ),
                  ],
                ),
              ),
            ),
          ],
        ));
  }

  _launchMap() async {
    final String googleMapsUrl = "comgooglemaps://?center=$lat,$lng";
    final String appleMapsUrl = "https://maps.apple.com/?q=$lat,$lng";

    if (await canLaunch(googleMapsUrl)) {
      await launch(googleMapsUrl);
    }
    if (await canLaunch(appleMapsUrl)) {
      await launch(appleMapsUrl, forceSafariVC: false);
    } else {
      throw "Couldn't launch URL";
    }
  }

  _launchEmail() async {
    launch(
        "mailto:rakhi@aeologic.com?subject=TestEmail&body=How are you%20plugin");
  }

  _launchURL() async {
    const url = 'https://flutterdevs.com/';
    if (await canLaunch(url)) {
      await launch(url);
    } else {
      throw 'Could not launch $url';
    }
  }
}

Conclusion

In this article, I have explained URL launcher package demo which you can modify and experiment with according to your own. This little introduction was about to open an outsider app from my app like a map, webpage, and email.

I hope this blog will provide you with sufficient information in trying up to use url_launcher in your flutter projects. We will show this demo program for working url launcher in your flutter applications. So please try it.

❤ ❤ Thanks for reading this article ❤❤

If I got something wrong? Let me know in the comments. I would love to improve.

Clap 👏 If this article helps you.

From Our Parent Company Aeologic

Aeologic Technologies is a leading AI-driven digital transformation company in India, helping businesses unlock growth with AI automation, IoT solutions, and custom web & mobile app development. We also specialize in AIDC solutions and technical manpower augmentation, offering end-to-end support from strategy and design to deployment and optimization.

Trusted across industries like manufacturing, healthcare, logistics, BFSI, and smart cities, Aeologic combines innovation with deep industry expertise to deliver future-ready solutions.

Feel free to connect with us:
And read more articles from FlutterDevs.com.

FlutterDevs team of Flutter developers to build high-quality and functionally-rich apps. Hire a flutter developer for your cross-platform Flutter mobile app project on an hourly or full-time basis as per your requirement! You can connect with us on Facebook, GitHub, Twitter, and LinkedIn for any flutter related queries.

We welcome feedback and hope that you share what you’re working on using #FlutterDevs. We truly enjoy seeing how you use Flutter to build beautiful, interactive web experiences.