Installing Flutter in Android Studio with simple Flutter Application example

(Last Updated On: February 15, 2022)

Description:

Installing Flutter in Android Studio:- in this article, I am going to set the flutter development environment for Android. The process is really simple and straightforward


Installing Flutter in android studio:

 First, open your Android studio

flutter in android studio

Then click on plugins and search flutter in the search bar

flutter in android studio

Click on install and it says the plug-in you want to install requires other plugin dart which have to be downloaded.

flutter in android studio

flutter in android studio



Wait for downloading process

flutter in android studio

When the flutter downloads, It will say restart ide, so, click on the restart button.

flutter in android studio

So our flutter plugin is downloaded and installed successfully, as you can see new flutter project.

flutter in android studio


Set up flutter environment for Android studio:

Now we are going to set up a flutter environment which is very simple go to flutter website https://flutter.dev/

 And click on get started

flutter in android studio

And select your operating system according to your needs, so I’m going to click on install on Windows

flutter in android studio

System requirements for flutter :

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.

  • Windows PowerShell 5.0 or newer (this is pre-installed with Windows 10)
  • Git for Windows 2.x

Git for Windows well this is very important if you don’t have Git, it’s going to create problems so click on Git for Windows button. if you don’t have Git installed, you know this is a hyperlink and it will take you to the git website and from there download git and install it.

flutter in android studio

flutter in android studio


Now download flutter SDK

flutter in android studio

Click and download this .zip file or you can also download It via the command line. To open .zip file you will need decompression software like WinRAR, WinZip, 7zip, etc. after extracting it inside It include a SDK folder flutter

flutter in android studio

Then move it where you want it to be, perhaps in the program file. I will move the flutter SDK folder to the program file

flutter in android studio

As you can see I moved the flutter folder to the program file.

Android flutter path setting:

Now we need to update the path, this will help you manipulate the commands in flutter for that simply

Right-click on pc and select properties

flutter in android studio

Then click on the advanced system setting

flutter in android studio


In an advanced system, setting click on an environment variable

flutter in android studio

In environment variables click on new and past the flutter SDK bin directory path and press ok

flutter in android studio

So our flutter environment setup is completed for android application development. Now we can make a simple application to test android flutter in android studio.

Start simple Flutter Application in android studio:

First, open android studio and click on the new flutter project

flutter in android studio

When you click on flutter new project a window will be shown in this window you will see the flutter SDK path so simply click on three dots and set the path where you extracted the flutter SDK in my case I extracted it in program files and then press the ok button

flutter in android studio



Then press the next button

flutter in android studio

So our application successfully opened

flutter in android studio

Virtual device setting for flutter in android studio:

First, open AVD(android virtual device) manager

flutter in android studio

Then click on create virtual device

flutter in android studio


Then click on the phone tab and in the phone tab select the device for application debugging in my case I selected the pixel 3a and press the next button.

flutter in android studio

If android version 9 is not installed in your android SDK, then first install the pie android version, for that, simply click on download and wait for the downloading process to complete.

flutter in android studio

flutter in android studio

After downloading the pie android version simply click the next button.

flutter in android studio

Then select name for the android virtual device (AVD), but it’s not important you can leave it as a default and click on the finish button.

flutter in android studio


As you can see our android virtual device is created. Now, click on the play button for launching the emulator.

flutter in android studio

And you can see our emulator is launched.

flutter in android studio

I just edited the application title from default to programming digest and then pressed on the run button in android studio.

flutter in android studio

flutter in android studio

So our application is successfully launched and you can see the programming digest on the title bar which I changed from the default Flutter Demo Home Page.


Program of Flutter in android studio:

So, that’s all for now. I hope, you have learned something new from this article. For more programming-related projects, you can visit my other website programmingdigest.com.

Recommended For You

About the Author: Engr Fahad

My name is Shahzada Fahad and I am an Electrical Engineer. I have been doing Job in UAE as a site engineer in an Electrical Construction Company. Currently, I am running my own YouTube channel "Electronic Clinic", and managing this Website. My Hobbies are * Watching Movies * Music * Martial Arts * Photography * Travelling * Make Sketches and so on...

Leave a Reply

%d bloggers like this: