{"id":751,"date":"2024-02-05T11:17:54","date_gmt":"2024-02-05T11:17:54","guid":{"rendered":"https:\/\/www.cmsgalaxy.com\/blog\/?p=751"},"modified":"2024-02-05T11:17:57","modified_gmt":"2024-02-05T11:17:57","slug":"start-building-flutter-android-apps-on-windows","status":"publish","type":"post","link":"https:\/\/www.cmsgalaxy.com\/blog\/start-building-flutter-android-apps-on-windows\/","title":{"rendered":"Start building Flutter Android apps on Windows"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"system-requirements\"><a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/windows\/mobile#system-requirements\"><\/a>System requirements<\/h2>\n\n\n\n<p>To install and run Flutter, your Windows environment must meet these requirements:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"hardware-requirements\"><a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/windows\/mobile#hardware-requirements\"><\/a>Hardware requirements<\/h3>\n\n\n\n<p>Your Windows Flutter development environment must meet the following minimal hardware requirements.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Requirement<\/th><th>Minimum<\/th><th>Recommended<\/th><\/tr><\/thead><tbody><tr><td>x86_64 CPU Cores<\/td><td>4<\/td><td>8<\/td><\/tr><tr><td>Memory in GB<\/td><td>8<\/td><td>16<\/td><\/tr><tr><td>Display resolution in pixels<\/td><td>WXGA (1366 x 768)<\/td><td>FHD (1920 x 1080)<\/td><\/tr><tr><td>Free disk space in GB<\/td><td>10.0<\/td><td>10.0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"software-requirements\"><a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/windows\/mobile#software-requirements\"><\/a>Software requirements<\/h3>\n\n\n\n<p>To write and compile Flutter code for mobile, you must have the following version of Windows and the listed software packages.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"operating-system\">Operating system<\/h4>\n\n\n\n<p>Flutter supports 64-bit version of Microsoft Windows 10 or later. These versions of Windows should include the required\u00a0<a href=\"https:\/\/docs.microsoft.com\/powershell\/scripting\/install\/installing-windows-powershell\">Windows PowerShell<\/a>\u00a05.0 or later.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"development-tools\">Development tools<\/h4>\n\n\n\n<p>Download and install the Windows version of the following packages:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/gitforwindows.org\/\">Git for Windows<\/a>&nbsp;2.4 or later to manage source code.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.android.com\/studio\/install\">Android Studio<\/a>&nbsp;2022.3 (Giraffe) to debug and compile Java or Kotlin code for Android. Flutter requires the full version of Android Studio.<\/li>\n<\/ul>\n\n\n\n<p>The developers of the preceding software provide support for those products. To troubleshoot installation issues, consult that product\u2019s documentation.<\/p>\n\n\n\n<p>When you run the current version of&nbsp;<code>flutter doctor<\/code>, it might list a different version of one of these packages. If it does, install the version it recommends.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"configure-a-text-editor-or-ide\"><a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/windows\/mobile#configure-a-text-editor-or-ide\"><\/a>Configure a text editor or IDE<\/h2>\n\n\n\n<p>You can build apps with Flutter using any text editor or integrated development environment (IDE) combined with Flutter\u2019s command-line tools.<\/p>\n\n\n\n<p>Using an IDE with a Flutter extension or plugin provides code completion, syntax highlighting, widget editing assists, debugging, and other features.<\/p>\n\n\n\n<p>Popular options include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/code.visualstudio.com\/docs\/setup\/mac\">Visual Studio Code<\/a>&nbsp;1.75 or later with the&nbsp;<a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=Dart-Code.flutter\">Flutter extension for VS Code<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.android.com\/studio\/install\">Android Studio<\/a>&nbsp;2022.3 (Giraffe) or later with the&nbsp;<a href=\"https:\/\/plugins.jetbrains.com\/plugin\/9212-flutter\">Flutter plugin for IntelliJ<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.jetbrains.com\/help\/idea\/installation-guide.html\">IntelliJ IDEA<\/a>\u00a02022.3 or later with the\u00a0<a href=\"https:\/\/plugins.jetbrains.com\/plugin\/9212-flutter\">Flutter plugin for IntelliJ<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Install Git<\/h2>\n\n\n\n<p><strong>Step 1:<\/strong>&nbsp;To download Git,&nbsp;<a href=\"https:\/\/git-scm.com\/download\/win\" rel=\"noreferrer noopener\" target=\"_blank\">click here<\/a>.<\/p>\n\n\n\n<p><strong>Step 2:<\/strong>\u00a0Run the\u00a0<strong>.exe<\/strong>\u00a0file to complete the installation. During installation, make sure that you have selected the recommended option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"499\" height=\"387\" src=\"https:\/\/www.cmsgalaxy.com\/blog\/wp-content\/uploads\/2024\/02\/image-11.png\" alt=\"\" class=\"wp-image-752\" srcset=\"https:\/\/www.cmsgalaxy.com\/blog\/wp-content\/uploads\/2024\/02\/image-11.png 499w, https:\/\/www.cmsgalaxy.com\/blog\/wp-content\/uploads\/2024\/02\/image-11-300x233.png 300w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install-the-flutter-sdk\"><a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/windows\/mobile#install-the-flutter-sdk\"><\/a><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install-the-flutter-sdk\">Install the Flutter SDK<\/h2>\n\n\n\n<p><strong>Step 1:<\/strong>\u00a0Download the installation bundle of the Flutter Software Development Kit for windows. To download Flutter SDK, Go to its official\u00a0<a href=\"https:\/\/flutter.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">website<\/a>, click on\u00a0<strong>Get started<\/strong>\u00a0button, you will get the following screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"678\" src=\"https:\/\/www.cmsgalaxy.com\/blog\/wp-content\/uploads\/2024\/02\/image-12.png\" alt=\"\" class=\"wp-image-753\" srcset=\"https:\/\/www.cmsgalaxy.com\/blog\/wp-content\/uploads\/2024\/02\/image-12.png 868w, https:\/\/www.cmsgalaxy.com\/blog\/wp-content\/uploads\/2024\/02\/image-12-300x234.png 300w, https:\/\/www.cmsgalaxy.com\/blog\/wp-content\/uploads\/2024\/02\/image-12-768x600.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n\n\n\n<p><strong>Step 2:<\/strong>&nbsp;Next, to download the latest Flutter SDK, click on the Windows&nbsp;<strong>icon<\/strong>. Here, you will find the download link for&nbsp;<a href=\"https:\/\/flutter.dev\/docs\/get-started\/install\/windows\" rel=\"noreferrer noopener\" target=\"_blank\">SDK<\/a>.<\/p>\n\n\n\n<p><strong>Step 3:<\/strong>&nbsp;When your download is complete, extract the&nbsp;<strong>zip<\/strong>&nbsp;file and place it in the desired installation folder or location, for example, D: \/Flutter.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Note:<\/strong>&nbsp;The Flutter SDK should not be placed where the administrator&#8217;s permission is required.<\/p>\n<\/blockquote>\n\n\n\n<p><strong>Step 4:<\/strong>&nbsp;To run the Flutter command in regular windows console, you need to update the system path to include the flutter bin directory. The following steps are required to do this:<\/p>\n\n\n\n<p><strong>Step 4.1:<\/strong>&nbsp;Go to MyComputer properties -&gt; advanced tab -&gt; environment variables. You will get the following screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation3.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 4.2:<\/strong>&nbsp;Now, select path -&gt; click on edit. The following screen appears.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation4.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 4.3:<\/strong>&nbsp;In the above window, click on New-&gt;write path of Flutter bin folder in variable value -&gt; ok -&gt; ok -&gt; ok.<\/p>\n\n\n\n<p><strong>Step 5:<\/strong>\u00a0Now, run the $\u00a0<strong>flutter doctor<\/strong>\u00a0command. This command checks for all the requirements of Flutter app development and displays a report of the status of your Flutter installation.<a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><\/p>\n\n\n\n<p><code>$\u00a0flutter\u00a0doctor\u00a0\u00a0<\/code><\/p>\n\n\n\n<p><strong>Step 6:<\/strong>&nbsp;When you run the above command, it will analyze the system and show its report, as shown in the below image. Here, you will find the details of all missing tools, which required to run Flutter as well as the development tools that are available but not connected with the device.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation5.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 7:<\/strong>&nbsp;Install the Android SDK. If the flutter doctor command does not find the Android SDK tool in your system, then you need first to install the Android Studio IDE. To install Android Studio IDE, do the following steps.<\/p>\n\n\n\n<p><strong>Step 7.1:&nbsp;<\/strong>Download the latest Android Studio executable or zip file from the&nbsp;<a href=\"https:\/\/developer.android.com\/studio\/#downloads\" rel=\"noreferrer noopener\" target=\"_blank\">official site<\/a>.<\/p>\n\n\n\n<p><strong>Step 7.2:<\/strong>&nbsp;When the download is complete, open the&nbsp;<strong>.exe<\/strong>&nbsp;file and run it. You will get the following dialog box.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation6.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 7.3:<\/strong>&nbsp;Follow the steps of the installation wizard. Once the installation wizard completes, you will get the following screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation7.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 7.4:<\/strong>&nbsp;In the above screen, click Next-&gt; Finish. Once the Finish button is clicked, you need to choose the &#8216;Don&#8217;t import Settings option\u2019 and click OK. It will start the Android Studio.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<h6 class=\"wp-block-heading\">Note: Meanwhile, the installation wizard also includes downloading Android SDK components that are required by Flutter for development.<\/h6>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation8.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 8:<\/strong>&nbsp;Next, you need to set up an Android emulator. It is responsible for running and testing the Flutter application.<\/p>\n\n\n\n<p><strong>Step 8.1:&nbsp;<\/strong>To set an Android emulator, go to Android Studio &gt; Tools &gt; Android &gt; AVD Manager and select Create Virtual Device. Or, go to Help-&gt;Find Action-&gt;Type Emulator in the search box. You will get the following screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation9.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 8.2:<\/strong>&nbsp;Choose your device definition and click on Next.<\/p>\n\n\n\n<p><strong>Step 8.3:<\/strong>&nbsp;Select the system image for the latest Android version and click on Next.<\/p>\n\n\n\n<p><strong>Step 8.4:<\/strong>&nbsp;Now, verify the all AVD configuration. If it is correct, click on Finish. The following screen appears.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation10.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 8.5:<\/strong>&nbsp;Last, click on the icon pointed into the red color rectangle. The Android emulator displayed as below screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation11.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 9:<\/strong>&nbsp;Now, install Flutter and Dart plugin for building Flutter application in Android Studio. These plugins provide a template to create a Flutter application, give an option to run and debug Flutter application in the Android Studio itself. Do the following steps to install these plugins.<\/p>\n\n\n\n<p><strong>Step 9.1:<\/strong>&nbsp;Open the Android Studio and then go to File-&gt;Settings-&gt;Plugins.<\/p>\n\n\n\n<p><strong>Step 9.2:<\/strong>&nbsp;Now, search the Flutter plugin. If found, select Flutter plugin and click install. When you click on install, it will ask you to install Dart plugin as below screen. Click yes to proceed.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/tutorial\/flutter\/images\/flutter-installation12.png\" alt=\"Flutter Installation\"\/><\/figure>\n\n\n\n<p><strong>Step 9.3:<\/strong>&nbsp;Restart the Android Studio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">System Requirements for macOS<\/h2>\n\n\n\n<p>To install and run Flutter on macOS system, you need first to meet these requirements for your development environment.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Operating System<\/strong><\/td><td>macOS (64-bit)<\/td><\/tr><tr><td><strong>Disk Space<\/strong><\/td><td>2.8 GB (It does not include disk space for IDE\/tools).<\/td><\/tr><tr><td><strong>Tools<\/strong><\/td><td>bash<br>curl<br>git 2.x<br>mkdir<br>rm<br>unzip<br>which<\/td><\/tr><tr><td><strong>IDE<\/strong><\/td><td>Xcode (Official)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Get the Flutter SDK<\/h2>\n\n\n\n<p><strong>Step 1:<\/strong>&nbsp;Download the installation bundle of the Flutter Software Development Kit for macOS. To download Flutter SDK, Go to its official&nbsp;<a href=\"https:\/\/flutter.dev\/docs\/get-started\/install\/macos\" rel=\"noreferrer noopener\" target=\"_blank\">website<\/a>.<\/p>\n\n\n\n<p><strong>Step 2:<\/strong>&nbsp;When your download is complete, extract the zip file and place it in the desired installation folder or location.<\/p>\n\n\n\n<p><strong>Step 3:<\/strong>\u00a0To run the Flutter command, you need to update the system path to include the flutter bin directory.<a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><\/p>\n\n\n\n<p><code>$\u00a0export\u00a0PATH=\"$PATH:`pwd`\/flutter\/bin\"\u00a0\u00a0<\/code><\/p>\n\n\n\n<p><strong>Step 4:<\/strong>\u00a0Next, enable the updated path in the current terminal window using the below command and then verify it also.<a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p><code>source\u00a0~\/.bashrc\u00a0<\/code>\u00a0<\/p>\n\n\n\n<p><code>source\u00a0$HOME\/.bash_profile\u00a0<\/code>\u00a0<\/p>\n\n\n\n<p><code>echo\u00a0$PATH\u00a0\u00a0<\/code><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p><strong>Step 5:<\/strong>&nbsp;Now, run the $&nbsp;<strong>flutter doctor<\/strong>&nbsp;command. This command checks for all the requirements of Flutter app development and displays a report of the status of your Flutter installation.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-installation#\"><\/a><code>$\u00a0flutter\u00a0doctor\u00a0\u00a0<\/code><\/p>\n\n\n\n<p><strong>Step 6:<\/strong>&nbsp;When you run the above command, it will analyze the system and the details of all missing tools, which required to run Flutter as well as the development tools that are available but not connected with the device.<\/p>\n\n\n\n<p><strong>Step 7:<\/strong>&nbsp;Install the latest Xcode tools if reported by the Flutter doctor tool.<\/p>\n\n\n\n<p><strong>Step 8:<\/strong>&nbsp;Install the latest Android Studio and SDK, if reported by the Flutter doctor tool.<\/p>\n\n\n\n<p><strong>Step 9:<\/strong>&nbsp;Next, you need to set up an iOS simulator or connect an iPhone device to the system for developing an iOS application.<\/p>\n\n\n\n<p><strong>Step 10:<\/strong>&nbsp;Again, set up an android emulator or connect an android device to the system for developing an android application.<\/p>\n\n\n\n<p><strong>Step 11:<\/strong>&nbsp;Now, install Flutter and Dart plugin for building Flutter application in Android Studio. These plugins provide a template to create a Flutter application, give an option to run and debug Flutter application in the Android Studio itself.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>System requirements To install and run Flutter, your Windows environment must meet these requirements: Hardware requirements Your Windows Flutter development<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-751","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/comments?post=751"}],"version-history":[{"count":3,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/751\/revisions"}],"predecessor-version":[{"id":756,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/751\/revisions\/756"}],"wp:attachment":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/media?parent=751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/categories?post=751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/tags?post=751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}