How to Launch URL in Flutter

URL launcher

URL launcher is a common thing nowadays in any sort of application. In this article, we will see about how to launch an website url. We are going to use an simple package from names url_launcher.

Adding the url_launcher plugin to the dependency

pubspec.yaml file adding dependency

Add the url_launcher plugin in the dependencies in pubspec.yaml file. Then click on the pub get on the top.

importing package

On the main.dart file, import the package for using it in our code.

Create an function for performing the url launcher exception handling

_launchURL() function

In this article, I am naming the function as “_launchURL()”. Since URLs are asynchronous, this function should wait for the url to request and respond back. In the function,
* We should create a constant for declaring the url(website url), in our case we are naming it as url.
Now, we should write a simple if-else condition for checking if the url exists or not and respond to us.
* canLaunch(url) is the keyword for sending the request to the website and respond us back to the app to proceed further.
* launch(url) is the keyword to launch the url in our app. If the url does not exist, it should throw an error, so we can throw it easily using throw keyword.
* Now then, that’s all we need to look into it for the function. Now we can easily incorporate it in our app

Note: asynchronous means the app need to request the website and then the website need to respond back to the app. While these process taking place, the app should wait for the respond from the website.

Create a StalessWidget

  • After creating the stateless widget, for simplicity just create a RaisedButton in the body of the scaffold which is inside the materialapp widget.
  • On the onpressed property, give our _launchURl function to execute.
  • That’s it, the url will be launched from our app.
urlLauncher app

Entire code:

You can also find the entire code for the project here:

Thank you for reading.




Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Agile: Philosophy you’ll love

Tryhards raffle system and lootbox price increase

How to Activate Debug Mode for Firebase Analytics?

(Unlimited ebook) IATF 16949:2016 Plus ISO 9001:2015: ASSESSMENT (AUDIT) Guide and Checklist…

How I made Grammarly seamlessly work with Overleaf

ResolveURI RXSS Imperva Waf Bypass

Conduct Vulnerability Management for Your Kubernetes Applications

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Vishnuvarshan P

Vishnuvarshan P

More from Medium

Scalable folder & files structure for Flutter Application

Flutter Slidable Package

Become Full Stack Developer 👌🏻 | Start creating a awesome app for android & iOS

Setting up Android Studio for Flutter