{"id":393391,"date":"2023-07-31T12:39:43","date_gmt":"2023-07-31T12:39:43","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=393391"},"modified":"2023-07-31T12:43:41","modified_gmt":"2023-07-31T12:43:41","slug":"plotting-countries-in-world-map-using-flutter","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/","title":{"rendered":"Plotting Countries In World Map Using Flutter"},"content":{"rendered":"\n<p>In this blog we will implement that How to Plotting Countries In World Map Using Flutter.<\/p>\n\n\n\n<p>This package offers a straightforward way to integrate a customizable World Map into your Flutter app. It allows you to easily customize the appearance of individual countries, states, prefectures, or provinces by changing their colors.<\/p>\n\n\n\n<p>You may also check our&nbsp;<a href=\"https:\/\/mobikul.com\/flutter-app-development\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">flutter app development services<\/a>.<\/p>\n\n\n\n<p>This Flutter package allows you to create custom maps using the CustomPainter widget. These maps can be quite large in size. <\/p>\n\n\n\n<p>When you tap on a specific area of the map, such as a country or state, the package provides a callback function with information about the tapped area, including its name, ID, and tap details. <\/p>\n\n\n\n<p>It&#8217;s important to consider performance, especially when dealing with large maps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Implementation:-<\/strong><\/h2>\n\n\n\n<p><strong>1<\/strong>.First, you need to import the package into your Flutter project.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">  dependencies:\n  flutter\n    sdk: flutter\n  countries_world_map: ^1.1.0<\/pre>\n\n\n\n<p><strong>2<\/strong>.Decide which map you want to display, such as Spain, Mexico, or the World Map. Each map has two classes associated with it, one for providing instructions and the other for defining color properties.<\/p>\n\n\n\n<p><strong>3<\/strong>.Instantiate the SimpleMap() widget and pass the necessary instructions for drawing the map. For example, if you want to display the map of Spain, use SMapSpain() to provide the required instructions.<\/p>\n\n\n\n<p><strong>4<\/strong>.Customize the colors of specific areas on the map (countries, states, etc.) using the corresponding SMap\u2026Colors() class. Map the desired color properties to the area IDs given in the SMap\u2026() instructions.<\/p>\n\n\n\n<p><strong>5<\/strong>.Implement the callback function to handle user interactions. Whenever a user taps on a particular area of the map, the callback will provide you with relevant information, including the name, ID, and tap details of the selected area.<\/p>\n\n\n\n<p>Add the SimpleMap() widget to your app&#8217;s UI, and it will render the chosen map based on the provided instructions and customized colors.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">SimpleMap(\n    instructions: SMapWorld.instructions, \n    defaultColor: Colors.grey,       \n\n    colors: SMapWorldColors( \n        uS: Colors.blue,   \/\/ This makes USA green\n        cN: Colors.red,   \/\/ This makes China green\n        iN: Colors.green,   \/\/ This makes Russia green\n     ).toMap(), \n\n    callback: (id, name, tapDetails) {      \n        print(id); \n    },\n);<\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">Note:-<\/h5>\n\n\n\n<p>Keep in mind that ID formats may vary among countries. The color class and the guidelines must always align, but there could be variations in different countries.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Completed code:-<\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\">import &#039;package:countries_world_map\/countries_world_map.dart&#039;;\nimport &#039;package:countries_world_map\/data\/maps\/world_map.dart&#039;;\nimport &#039;package:flutter\/material.dart&#039;;\n\nvoid main() {\n  runApp(const MyHomePage());\n}\n\nclass MyHomePage extends StatefulWidget {\n  const MyHomePage({Key? key}) : super(key: key);\n\n  @override\n  _MyHomePageState createState() =&gt; _MyHomePageState();\n}\n\nclass _MyHomePageState extends State&lt;MyHomePage&gt; {\n\n  @override\n  void initState() {\n    super.initState();\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      debugShowCheckedModeBanner: false,\n      home: Scaffold(\n          appBar: AppBar(\n              title: const Text(&#039;Countries World Map&#039;,\n                  style: TextStyle(color: Colors.white))),\n          body: SizedBox(\n            height: MediaQuery.of(context).size.height,\n            width: MediaQuery.of(context).size.width,\n            child: SimpleMap(\n              instructions: SMapWorld.instructions,\n\n              defaultColor: Colors.grey,\n\n              colors: const SMapWorldColors(\n                uS: Colors.blue,   \/\/ This makes USA green\n                cN: Colors.red,   \/\/ This makes China green\n                iN: Colors.green,   \/\/ This makes Russia green\n              ).toMap(),\n\n              callback: (id, name, tapDetails) {\n                print(id);\n              },\n      ))),\n    );\n  }\n}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Output:-<\/h2>\n\n\n\n<p>As you can see in the attached image, there are various colors appearing throughout the country.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Screenshot_1690782133-1.png\" alt=\"Screenshot_1690782133-1\" class=\"wp-image-393422\" width=\"233\" height=\"506\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Screenshot_1690782133-1.png 425w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Screenshot_1690782133-1-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Screenshot_1690782133-1-115x249.png 115w\" sizes=\"(max-width: 233px) 100vw, 233px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion:-<\/h2>\n\n\n\n<p>We have done with our implementation of&nbsp;Countries World Map In Flutter.<\/p>\n\n\n\n<p>Check here for more interesting blogs \u2013&nbsp;<a href=\"https:\/\/mobikul.com\/blog\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/mobikul.com\/blog\/<\/a><\/p>\n\n\n\n<p>Hope this blog helped you to better understand the implementation of Countries World Map In Flutter.<\/p>\n\n\n\n<p>To explore more of my blogs, please visit the following link.<\/p>\n\n\n\n<p><a href=\"https:\/\/webkul.com\/blog\/author\/sakshirai-mk754\/\">https:\/\/webkul.com\/blog\/<\/a><a href=\"https:\/\/webkul.com\/blog\/author\/sakshirai-mk754\/\" target=\"_blank\" rel=\"noreferrer noopener\">author<\/a><a href=\"https:\/\/webkul.com\/blog\/author\/sakshirai-mk754\/\">\/<\/a><a href=\"https:\/\/webkul.com\/blog\/author\/sakshirai-mk754\/\" rel=\"nofollow\">sakshirai<\/a><a href=\"https:\/\/webkul.com\/blog\/author\/sakshirai-mk754\/\">-mk754\/<\/a><\/p>\n\n\n\n<p>Thanks for reading this blog.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">References:-<\/h2>\n\n\n\n<p><a href=\"https:\/\/pub.dev\/packages\/countries_world_map\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/pub.dev\/packages\/countries_world_map<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog we will implement that How to Plotting Countries In World Map Using Flutter. This package offers a straightforward way to integrate a customizable World Map into your Flutter app. It allows you to easily customize the appearance of individual countries, states, prefectures, or provinces by changing their colors. You may also check <a href=\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":516,"featured_media":393435,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[12989],"class_list":["post-393391","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-flutter"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Plotting Countries In World Map Using Flutter - Webkul Blog<\/title>\n<meta name=\"description\" content=\"In this blog we will implement that how to Plotting countries in world map using Flutter?.This feature is very useful and interactive.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Plotting Countries In World Map Using Flutter - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"In this blog we will implement that how to Plotting countries in world map using Flutter?.This feature is very useful and interactive.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-31T12:39:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-31T12:43:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter-1200x675.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sakshi Rai\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sakshi Rai\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/\"},\"author\":{\"name\":\"Sakshi Rai\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/494f4a6febbdb69ffe87f1b7cf0c46ba\"},\"headline\":\"Plotting Countries In World Map Using Flutter\",\"datePublished\":\"2023-07-31T12:39:43+00:00\",\"dateModified\":\"2023-07-31T12:43:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/\"},\"wordCount\":430,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter.png\",\"keywords\":[\"Flutter\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/\",\"url\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/\",\"name\":\"Plotting Countries In World Map Using Flutter - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter.png\",\"datePublished\":\"2023-07-31T12:39:43+00:00\",\"dateModified\":\"2023-07-31T12:43:41+00:00\",\"description\":\"In this blog we will implement that how to Plotting countries in world map using Flutter?.This feature is very useful and interactive.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter.png\",\"width\":2240,\"height\":1260,\"caption\":\"Plotting-Countries-In-World-Map-Using-Flutter\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plotting Countries In World Map Using Flutter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/494f4a6febbdb69ffe87f1b7cf0c46ba\",\"name\":\"Sakshi Rai\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2c12c700382e736a7084229ae8cdda5a6d6ac963df9ecc509657e4b5926f7f8b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2c12c700382e736a7084229ae8cdda5a6d6ac963df9ecc509657e4b5926f7f8b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Sakshi Rai\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/sakshirai-mk754\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Plotting Countries In World Map Using Flutter - Webkul Blog","description":"In this blog we will implement that how to Plotting countries in world map using Flutter?.This feature is very useful and interactive.","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":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/","og_locale":"en_US","og_type":"article","og_title":"Plotting Countries In World Map Using Flutter - Webkul Blog","og_description":"In this blog we will implement that how to Plotting countries in world map using Flutter?.This feature is very useful and interactive.","og_url":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-07-31T12:39:43+00:00","article_modified_time":"2023-07-31T12:43:41+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter-1200x675.png","type":"image\/png"}],"author":"Sakshi Rai","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Sakshi Rai","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/"},"author":{"name":"Sakshi Rai","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/494f4a6febbdb69ffe87f1b7cf0c46ba"},"headline":"Plotting Countries In World Map Using Flutter","datePublished":"2023-07-31T12:39:43+00:00","dateModified":"2023-07-31T12:43:41+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/"},"wordCount":430,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter.png","keywords":["Flutter"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/","url":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/","name":"Plotting Countries In World Map Using Flutter - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter.png","datePublished":"2023-07-31T12:39:43+00:00","dateModified":"2023-07-31T12:43:41+00:00","description":"In this blog we will implement that how to Plotting countries in world map using Flutter?.This feature is very useful and interactive.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Plotting-Countries-In-World-Map-Using-Flutter.png","width":2240,"height":1260,"caption":"Plotting-Countries-In-World-Map-Using-Flutter"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/plotting-countries-in-world-map-using-flutter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Plotting Countries In World Map Using Flutter"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/494f4a6febbdb69ffe87f1b7cf0c46ba","name":"Sakshi Rai","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2c12c700382e736a7084229ae8cdda5a6d6ac963df9ecc509657e4b5926f7f8b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2c12c700382e736a7084229ae8cdda5a6d6ac963df9ecc509657e4b5926f7f8b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Sakshi Rai"},"url":"https:\/\/webkul.com\/blog\/author\/sakshirai-mk754\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/393391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/516"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=393391"}],"version-history":[{"count":4,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/393391\/revisions"}],"predecessor-version":[{"id":393547,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/393391\/revisions\/393547"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/393435"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=393391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=393391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=393391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}