{"id":73,"date":"2021-11-04T19:00:00","date_gmt":"2021-11-04T19:00:00","guid":{"rendered":"https:\/\/androidappspace.com\/deep-linking-in-flutter-dynamic-link\/"},"modified":"2021-11-04T19:00:00","modified_gmt":"2021-11-04T19:00:00","slug":"deep-linking-in-flutter-dynamic-link","status":"publish","type":"post","link":"http:\/\/androidappspace.com\/deep-linking-in-flutter-dynamic-link\/","title":{"rendered":"Deep linking in flutter | dynamic link"},"content":{"rendered":"<p><\/p>\n<div>\n<h3>Deep linking\u00a0 :<\/h3>\n<p>Deep linking concept in flutter app is explained in this part of the tutorial. When you try to open a URL i.e., the dynamic link you can open the app and navigate to that screen.<\/p>\n<p>Apps like amazon, flipkart can use these deep links to exactly move the user to the product page or the offers section based on the push notifications.<\/p>\n<p>Deep linking also plays a key role in new app installations, where users are offered welcome bonus, referral bonus and so on.<\/p>\n<p>In this tutorial we will make use of firebase for creating dynamic links follow video tutorial provided to understand how we can perform deep linking in flutter app.<\/p>\n<p>\u00a0<\/p>\n<p><iframe loading=\"lazy\" title=\"Flutter : Deep linking tutorial part 2 | flutter coding\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/LsOQEyWwlrc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>\u00a0<\/p>\n<h3>pubspec.yaml :<\/h3>\n<p>Add <strong>get<\/strong> and <strong>firebase dynamic links<\/strong> to the pubspec<\/p>\n<pre>dependencies:&#13;\n  flutter:&#13;\n    sdk: flutter&#13;\n  get:&#13;\n  firebase_dynamic_links:<\/pre>\n<h3\/>\n<h3>profile.dart :<\/h3>\n<p>Create a profile screen so that we can move to it after the Deep linking url is opened up.<\/p>\n<pre>import 'package:flutter\/material.dart';&#13;\n&#13;\nclass Profile extends StatelessWidget &#13;\n  const Profile(Key? key) : super(key: key);&#13;\n&#13;\n  @override&#13;\n  Widget build(BuildContext context) &#13;\n    return MaterialApp(&#13;\n      home: Scaffold(&#13;\n        appBar: AppBar(title: Text(\"Profile Screen\")),&#13;\n        body: Center(&#13;\n          child: Container(&#13;\n            child: Text('Profile Screen'),&#13;\n          ),&#13;\n        ),&#13;\n      )&#13;\n    );&#13;\n  &#13;\n<\/pre>\n<p>\u00a0<\/p>\n<h3>main.dart :<\/h3>\n<p>Initialize GetX to make use of navigation in your app. And also provide the routes so that we can navigate to that screen on link open.<\/p>\n<pre>GetMaterialApp(&#13;\n  routes: &#13;\n    '\/profile' : (BuildContext context) =&gt; Profile()&#13;\n  ,<\/pre>\n<p>\u00a0<\/p>\n<p>In init block we need to provide dynamic block link method so that it gets initialized as the app loads and can redirect to the profile screen.<\/p>\n<p>\u00a0<\/p>\n<p>Add a firebase dynamic links instance using which we can fetch the data from dynamic links and process further.<\/p>\n<p>We have both success and failure blocks and can provide the code depending upon the situations.<\/p>\n<p>\u00a0<\/p>\n<pre>FirebaseDynamicLinks.instance.onLink(&#13;\n  onSuccess: (PendingDynamicLinkData? dynamicLink) async ,&#13;\n  onError: (OnLinkErrorException e) async&#13;\n);<\/pre>\n<p>\u00a0<\/p>\n<p>Now let\u2019s try to make use of the dynamic link and navigate to the next screen using GetX navigation.<\/p>\n<pre>if(deeplink!=null) &#13;\n  print(\"deeplink data \" + deeplink.queryParameters.values.first);&#13;\n  Get.toNamed('\/profile');&#13;\n<\/pre>\n<p>\u00a0<\/p>\n<p>On error we are printing error message onto the console.<\/p>\n<pre>onError: (OnLinkErrorException e) async&#13;\n    print(e.message);&#13;\n<\/pre>\n<p>\u00a0<\/p>\n<p>Providing the full code for deep linking integration.<\/p>\n<pre>import 'package:firebase_dynamic_links\/firebase_dynamic_links.dart';&#13;\nimport 'package:flutter\/material.dart';&#13;\nimport 'package:flutter_deep_linking\/profile.dart';&#13;\nimport 'package:get\/get.dart';&#13;\n&#13;\nvoid main()&#13;\n  runApp(MyApp());&#13;\n&#13;\n&#13;\nclass MyApp extends StatefulWidget &#13;\n  const MyApp(Key? key) : super(key: key);&#13;\n&#13;\n  @override&#13;\n  _MyAppState createState() =&gt; _MyAppState();&#13;\n&#13;\n&#13;\nclass _MyAppState extends State&lt;MyApp&gt; &#13;\n&#13;\n  @override&#13;\n  void initState() &#13;\n    \/\/ TODO: implement initState&#13;\n    super.initState();&#13;\n    initDynamicLinks();&#13;\n  &#13;\n&#13;\n  @override&#13;\n  Widget build(BuildContext context) &#13;\n    return GetMaterialApp(&#13;\n      routes: &#13;\n        '\/profile' : (BuildContext context) =&gt; Profile()&#13;\n      ,&#13;\n      home: Scaffold(&#13;\n        appBar: AppBar(title: Text(\"DeepLink\"),),&#13;\n        body: Center(&#13;\n          child: Container(&#13;\n            child: Text('Deeplinking Page'),&#13;\n          ),&#13;\n        ),&#13;\n      ),&#13;\n    );&#13;\n  &#13;\n&#13;\n&#13;\nvoid initDynamicLinks() async&#13;\n  FirebaseDynamicLinks.instance.onLink(&#13;\n    onSuccess: (PendingDynamicLinkData? dynamicLink) async&#13;\n      final Uri? deeplink = dynamicLink?.link;&#13;\n&#13;\n      if(deeplink!=null)&#13;\n        print(\"deeplink data \"+deeplink.queryParameters.values.first);&#13;\n&#13;\n        Get.toNamed('\/profile');&#13;\n&#13;\n      &#13;\n    ,&#13;\n    onError: (OnLinkErrorException e) async&#13;\n      print(e.message);&#13;\n  &#13;\n  );&#13;\n&#13;\n&#13;\n&#13;\n<\/pre>\n<p>\u00a0<\/p>\n<h3>output :<\/h3>\n<p>The screen depicts the usage of flutter deeplinking.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-3511 size-large\" src=\"http:\/\/www.androidcoding.in\/wp-content\/uploads\/Flutter-web-Page-1024x576.png\" alt=\"Deep linking\" width=\"1024\" height=\"576\" srcset=\"http:\/\/www.androidcoding.in\/wp-content\/uploads\/Flutter-web-Page-1024x576.png 1024w, http:\/\/www.androidcoding.in\/wp-content\/uploads\/Flutter-web-Page-300x169.png 300w, http:\/\/www.androidcoding.in\/wp-content\/uploads\/Flutter-web-Page-1080x608.png 1080w, http:\/\/www.androidcoding.in\/wp-content\/uploads\/Flutter-web-Page.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"\/><\/p>\n<p>\u00a0<\/p>\n<p>If you have any query\u2019s in this tutorial on Deep linking do let us know in the comment section below.If you like this tutorial do like and share us for more interesting tutorials.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Deep linking\u00a0 : Deep linking concept in flutter app is explained in this part of the tutorial. When you try to open a URL i.e., the dynamic link you can open the app and navigate to that screen. Apps like amazon, flipkart can use these deep links to exactly move the user to the product&hellip;<\/p>\n","protected":false},"author":1,"featured_media":74,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[2],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Deep linking in flutter | dynamic link - Android App Space<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Deep linking in flutter | dynamic link - Android App Space\" \/>\n<meta property=\"og:description\" content=\"Deep linking\u00a0 : Deep linking concept in flutter app is explained in this part of the tutorial. When you try to open a URL i.e., the dynamic link you can open the app and navigate to that screen. Apps like amazon, flipkart can use these deep links to exactly move the user to the product&hellip;\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/\" \/>\n<meta property=\"og:site_name\" content=\"Android App Space\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-04T19:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/androidappspace.com\/wp-content\/uploads\/2021\/11\/Flutter-web-Page-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"http:\/\/androidappspace.com\/#website\",\"url\":\"http:\/\/androidappspace.com\/\",\"name\":\"Android App Space\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/androidappspace.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/androidappspace.com\/wp-content\/uploads\/2021\/11\/Flutter-web-Page-1024x576.png\",\"contentUrl\":\"http:\/\/androidappspace.com\/wp-content\/uploads\/2021\/11\/Flutter-web-Page-1024x576.png\",\"width\":1024,\"height\":576,\"caption\":\"Deep linking\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#webpage\",\"url\":\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/\",\"name\":\"Deep linking in flutter | dynamic link - Android App Space\",\"isPartOf\":{\"@id\":\"http:\/\/androidappspace.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#primaryimage\"},\"datePublished\":\"2021-11-04T19:00:00+00:00\",\"dateModified\":\"2021-11-04T19:00:00+00:00\",\"author\":{\"@id\":\"http:\/\/androidappspace.com\/#\/schema\/person\/9034e57a80e3c6224ca37e93d596adc5\"},\"breadcrumb\":{\"@id\":\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/androidappspace.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Deep linking in flutter | dynamic link\"}]},{\"@type\":\"Person\",\"@id\":\"http:\/\/androidappspace.com\/#\/schema\/person\/9034e57a80e3c6224ca37e93d596adc5\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"http:\/\/androidappspace.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/1.gravatar.com\/avatar\/415cb866ecfc2f7dfb7cc57bf651e953?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/1.gravatar.com\/avatar\/415cb866ecfc2f7dfb7cc57bf651e953?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/androidappspace.com\"],\"url\":\"http:\/\/androidappspace.com\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Deep linking in flutter | dynamic link - Android App Space","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/","og_locale":"en_US","og_type":"article","og_title":"Deep linking in flutter | dynamic link - Android App Space","og_description":"Deep linking\u00a0 : Deep linking concept in flutter app is explained in this part of the tutorial. When you try to open a URL i.e., the dynamic link you can open the app and navigate to that screen. Apps like amazon, flipkart can use these deep links to exactly move the user to the product&hellip;","og_url":"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/","og_site_name":"Android App Space","article_published_time":"2021-11-04T19:00:00+00:00","og_image":[{"width":1024,"height":576,"url":"http:\/\/androidappspace.com\/wp-content\/uploads\/2021\/11\/Flutter-web-Page-1024x576.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"http:\/\/androidappspace.com\/#website","url":"http:\/\/androidappspace.com\/","name":"Android App Space","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/androidappspace.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#primaryimage","inLanguage":"en-US","url":"http:\/\/androidappspace.com\/wp-content\/uploads\/2021\/11\/Flutter-web-Page-1024x576.png","contentUrl":"http:\/\/androidappspace.com\/wp-content\/uploads\/2021\/11\/Flutter-web-Page-1024x576.png","width":1024,"height":576,"caption":"Deep linking"},{"@type":"WebPage","@id":"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#webpage","url":"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/","name":"Deep linking in flutter | dynamic link - Android App Space","isPartOf":{"@id":"http:\/\/androidappspace.com\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#primaryimage"},"datePublished":"2021-11-04T19:00:00+00:00","dateModified":"2021-11-04T19:00:00+00:00","author":{"@id":"http:\/\/androidappspace.com\/#\/schema\/person\/9034e57a80e3c6224ca37e93d596adc5"},"breadcrumb":{"@id":"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/www.androidcoding.in\/2021\/09\/22\/deep-linking\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/androidappspace.com\/"},{"@type":"ListItem","position":2,"name":"Deep linking in flutter | dynamic link"}]},{"@type":"Person","@id":"http:\/\/androidappspace.com\/#\/schema\/person\/9034e57a80e3c6224ca37e93d596adc5","name":"admin","image":{"@type":"ImageObject","@id":"http:\/\/androidappspace.com\/#personlogo","inLanguage":"en-US","url":"http:\/\/1.gravatar.com\/avatar\/415cb866ecfc2f7dfb7cc57bf651e953?s=96&d=mm&r=g","contentUrl":"http:\/\/1.gravatar.com\/avatar\/415cb866ecfc2f7dfb7cc57bf651e953?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/androidappspace.com"],"url":"http:\/\/androidappspace.com\/author\/admin\/"}]}},"jetpack_featured_media_url":"http:\/\/androidappspace.com\/wp-content\/uploads\/2021\/11\/Flutter-web-Page-1024x576.png","_links":{"self":[{"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/posts\/73"}],"collection":[{"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":0,"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/posts\/73\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/media\/74"}],"wp:attachment":[{"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/categories?post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/androidappspace.com\/wp-json\/wp\/v2\/tags?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}