{"id":2970,"date":"2020-07-21T05:09:51","date_gmt":"2020-07-21T05:09:51","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=2970"},"modified":"2021-01-20T04:50:17","modified_gmt":"2021-01-20T04:50:17","slug":"introduction-to-flutter","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/","title":{"rendered":"Introduction To Flutter"},"content":{"rendered":"

Flutter is an open-source, multi-platform, and free framework created by Google for creating mobile applications. It is written in \u201cDART\u201d. It\u2019s very easy to learn and now it\u2019s getting more and more popular. By going through this post, you will be able to learn some basic stuff, and you will also be able to create a simple application using this technology.<\/p>\n

Getting started – Installing:<\/h2>\n

The first step you need to do, if you are willing to create Flutter applications, is, of course, installing it. You can install it on your platform using this link https:\/\/flutter.io\/get-started\/install\/<\/p>\n

To install it you only need to first install and configure Android SDK after that you have to simply follow these simple instructions:<\/p>\n

    \n
  1. Download Flutter SDK from the official website and extract it using an extraction tool.<\/li>\n
  2. Add the path to previously extracted SDK to your PATH variable<\/li>\n
  3. Use the flutter doctor tool to run on a check if everything is configured correctly in your device.<\/li>\n<\/ol>\n

    To create apps using Flutter, you can either use IntelliJ IDEA or Android Studio. The only thing required is an IDE with Flutter plugin installed in it.<\/p>\n

    Creating your first application:<\/h3>\n

    This example is a simple notepad application that yields \u201cHello World\u201d as output. This app permits you to create notes and keep them stored in a local database.
    \nThe Flutter app simply calls the runapp() function using a widget:<\/p>\n

    \"import\"\/<\/p>\n

    The code snippet gives a basic idea of creating a \u201cHello World\u201d application using Flutter. The runApp() function takes the given Widget and makes it the basis of the widget tree. In the above example, the widget tree consists of two widgets, the Center widget, and the \u201cText widget\u201d which is its child widget. The framework forces the root widget to cover the screen, which bears the text \u201cHello, world\u201d ends up centered on the screen.<\/p>\n

    Why should we care about Flutter?<\/h3>\n

    Google and others use Flutter in production, works with Firebase and other mobile app SDKs, and is open-source.<\/p>\n

    But there are far more reasons for this. Here\u2019s some of them:-.<\/p>\n

      \n
    1. We can do more with less code, using all the features of Dart language.<\/li>\n
    2. We can use Flutter for making a quick prototype of our app.<\/li>\n
    3. Flutter will make mobile app development<\/a> very easy, but it\u2019s definitely not magic. It does seem like you\u2019ll be able to build relatively simple apps (For e.g. a social networking app or an e-commerce app) that are more beautiful and performing than React Native.<\/li>\n<\/ol>\n

      If you have skills in PHP programming and you want to enhance your career in this field, a PHP certification from StudySection can help you reach your desired goals. Both beginner level and expert level PHP certification exams<\/a> are offered by StudySection along with other programming certification exams. <\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"

      Flutter is an open-source, multi-platform, and free framework created by Google for creating mobile applications. It is written in \u201cDART\u201d.<\/p>\n","protected":false},"author":1,"featured_media":2971,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[348,39],"acf":[],"yoast_head":"\nStudySection Blog - Introduction To Google's Flutter<\/title>\n<meta name=\"description\" content=\"Flutter is an open-source, multi-platform, and free framework created by Google for creating mobile applications. It is written in DART.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"StudySection Blog - Introduction To Google's Flutter\" \/>\n<meta property=\"og:description\" content=\"Flutter is an open-source, multi-platform, and free framework created by Google for creating mobile applications. It is written in DART.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-21T05:09:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-20T04:50:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2020\/07\/flutter-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\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:\/\/studysection.com\/blog\/introduction-to-flutter\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"Introduction To Flutter\",\"datePublished\":\"2020-07-21T05:09:51+00:00\",\"dateModified\":\"2021-01-20T04:50:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/\"},\"wordCount\":476,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"Flutter\",\"introduction\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/\",\"url\":\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/\",\"name\":\"StudySection Blog - Introduction To Google's Flutter\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2020-07-21T05:09:51+00:00\",\"dateModified\":\"2021-01-20T04:50:17+00:00\",\"description\":\"Flutter is an open-source, multi-platform, and free framework created by Google for creating mobile applications. It is written in DART.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/introduction-to-flutter\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction To Flutter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"StudySection Blog - Introduction To Google's Flutter","description":"Flutter is an open-source, multi-platform, and free framework created by Google for creating mobile applications. It is written in DART.","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:\/\/studysection.com\/blog\/introduction-to-flutter\/","og_locale":"en_US","og_type":"article","og_title":"StudySection Blog - Introduction To Google's Flutter","og_description":"Flutter is an open-source, multi-platform, and free framework created by Google for creating mobile applications. It is written in DART.","og_url":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2020-07-21T05:09:51+00:00","article_modified_time":"2021-01-20T04:50:17+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2020\/07\/flutter-1.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"Introduction To Flutter","datePublished":"2020-07-21T05:09:51+00:00","dateModified":"2021-01-20T04:50:17+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/"},"wordCount":476,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["Flutter","introduction"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/introduction-to-flutter\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/","url":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/","name":"StudySection Blog - Introduction To Google's Flutter","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2020-07-21T05:09:51+00:00","dateModified":"2021-01-20T04:50:17+00:00","description":"Flutter is an open-source, multi-platform, and free framework created by Google for creating mobile applications. It is written in DART.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/introduction-to-flutter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/introduction-to-flutter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introduction To Flutter"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":357,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/2970"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=2970"}],"version-history":[{"count":4,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/2970\/revisions"}],"predecessor-version":[{"id":3824,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/2970\/revisions\/3824"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/2971"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=2970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=2970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=2970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}