How to install Flutter on Android Studio 2022 for beginners

Basics, Flutter, Flutter Crash Course

Flutter Series Overview – Brief

Errors in Flutter Installation

This is the second tutorial of Flutter Crash Course. In this tutorial we will learn how to install flutter in Android Studio. In our first tutorial we cover the overview of our series and you can check it out here. We will install Flutter on Windows using Android Studio IDE step by step as mentioned here. So to install flutter we need pre-requisite and will cover the whole process in 4 main steps.

System Requirements

To install and run Flutter, your development environment must meet these minimum requirements:

  • Operating Systems: Windows 7 SP1 or later (64-bit), x86-64 based.
  • Disk Space: 1.64 GB (does not include disk space for IDE/tools).
  • Tools: Flutter depends on these tools being available in your environment.
  • If Git for Windows is already installed, make sure you can run git commands from the command prompt or PowerShell

Watch Youtube tutorial

 

1. Get the Flutter SDK

  1. This is the first step in which we have to download the flutter SDK from this link.
  2. Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, C:\\Src\\flutter).
  3. Create Src folder inside C:\\drive and paste the unzipped flutter folder inside C:\\Src\\

Warning: Do not install Flutter in a directory like C:\\Program Files\\ that requires elevated privileges.

2. Setup Flutter Environment Variables

In this step we will setup env or environment variables on our windows so we can run flutter commands on command prompt or powershell. So, basically there are two environment variables that we have to create Flutter SDK & Android SDK.

  1. Open environment console by typing env in the search bar in the windows search and open Edit The System Environment variable.
  2. Setup Path variable by creating new or if already created edit the path variable and set the path of above flutter folder (C:\\Src\\flutter\\bin).
  3. Next setup JAVA_HOME (Note: If it does not work try ANDROID_HOME instead) variable in the environment same like path but in this variable value add the Android SDK as we did for Flutter SDK (C:\\Users\\taimo\\AppData\\Local\\Android\\Sdk\\)

Run Flutter Doctor

From a console window that has the Flutter directory in the path (see above), run the following command to see if there are any platform dependencies you need to complete the setup:

C:\\src\\flutter>flutter doctor

This command checks your environment and displays a report of the status of your Flutter installation. Check the output carefully for other software you might need to install or further tasks to perform (shown in bold text).

For example:

The following sections describe how to perform these tasks and finish the setup process. Once you have installed any missing dependencies, you can run the flutter doctor command again to verify that you’ve set everything up correctly.

Note: If flutter doctor returns that either the Flutter plugin or Dart plugin of Android Studio are not installed, move on to Set up an editor to resolve this issue.

3. Install Flutter and Dart Plugins

In this step we will setup / install our IDE Android studio and install flutter and dart plugins in it. As I’ve already create a detail tutorial on how to install android studio which you can check here.

Next to install Flutter and Dart plugins open IDE and from the left menu click on plugins. In the search bar search for flutter and hit install. Make sure you have an active internet connection. Flutter will auto popup a modal and ask your to install dart as well. So accept it and restart the IDE when download completed.

Tip: To check weather flutter and dart are in same folder run the command in the command prompt

C:\\Users\\taimo>where flutter dart
C:\\src\\flutter\\bin\\flutter
C:\\src\\flutter\\bin\\flutter.bat
C:\\src\\flutter\\bin\\dart
C:\\src\\flutter\\bin\\dart.bat

Flutter Crash Course Series

Check the whole series of flutter crash course. This series is available on both YouTube & on blog posts.

4. Agree to Flutter Licenses in the command prompt

Before you can use Flutter, you must agree to the licenses of the Android SDK platform. This step should be done after you have installed the tools listed above.

  1. Make sure that you have a version of Java 8 installed and that your JAVA_HOME environment variable is set to the JDK’s folder.
  2. If JAVA_HOME is not working then try ANDROID_HOME
  3. Android Studio versions 2.2 and higher come with a JDK, so this should already be done.
  4. Open an elevated console window and run the following command to begin signing licenses.
 flutter doctor --android-licenses

CODING with T

🚀 Supercharge your Flutter skills! Subscribe to my YouTube channel now for mind-blowing coding insights, expert tips, and exclusive content. Don’t miss out!

23 - Product Detail Screen, How to create Products Details Screen in Flutter. Flutter eCommerce app UI Design

Source code

COURSES

Flutter E Commerce App Modern and latest
Flutter Login App UI Source Code - Flutter Complete App - Flutter App Design - Flutter App 2023 - Complete Flutter App 2023
Learn flutter from scratch in 4 hours - Flutter Crash Course - Coding with T

Learn Flutter

1.2 # How to install flutter on android studio 2022 - Flutter Basic Crash Course
2.2 - Add Image in Flutter - Assets Network- Flutter Basic Crash Course 2022

flutter Design

How to create a Custom Shape in Flutter. Flutter E Commerce app Design. Ecommerce app design Flutter. Flutter clippath tutorial
How to create a Custom Appbar in flutter. Custom Appbar Design. Flutter App Design
16 - Product Card and Grid Layout, How to create a Grid View in Flutter. How to add Products in GridView Layout. Flutter eCommerce app UI Design
Bottom Navigation bar in Flutter. Flutter Material 3 bottom navigation bar. How to design background color of Flutter bottom navigation bar. Flutter ecommerce app design
23 - Product Detail Screen, How to create Products Details Screen in Flutter. Flutter eCommerce app UI Design

Flutter Backend

33 - How to Setup Firebase - Firebase Basics - Flutter Firebase - Flutter ecommerce app with firebase as backend
38 - How to Sign-in with Google in flutter Firebase, Firebase Basics, Flutter Firebase, Flutter ecommerce app with firebase as backend
40 - Flutter Firebase CRUD,  Firebase Basics, Flutter Firebase, Flutter ecommerce app with firebase as backend
Access Admin Panel, Premium Tutorials, Live Chat, 50% off Codes, and More on Patreon!
This is default text for notification bar