How to install Flutter on Android Studio
Let’s search Android Studio download on google and you will see the first result. Simply open it.
After that, click on the Download button, & accept the terms and conditions & then again click on the download android studio for windows button.
After it will start downloading, in the meanwhile we will download Flutter SDK and open the first link. Select your operating system.
In my case, I will download it for Windows. Scroll down a little bit & you will see the flutter sdk download option which is the 3.3.10-stable version.
Now, we have to install git for windows which is the requirement for Flutter to work. So, we will download it. We will download 64-bit git for windows setup.
Now, we will install it & installation is pretty simple. You simply have to click next, next in order to install it properly.
In the meanwhile, I will extract Flutter SDK. After extraction, open the C folder and create a new folder named src & simply paste the flutter folder into it.
After that, open the start menu by clicking the window button on the keyboard and type env, you will see the edit system environment variable in it, click on it and then click on the environment variable button & find Path in the user variable & add in the part of Flutter which is C flutter src bin and then simply OK, Ok.
Now, come back to the flutter folder and open the flutter console.bat file, and type flutter –version
It will show you the flutter version & dart version number. Now open the command prompt and type flutter –version & now it will appear here also because we have set the environment variable in it and now we can access flutter from any drive.
Now, we install Android Studio. Click run, and after that simply press next, next till the end & wait for some time & run the android studio.
Now, it asks for an import setting. We check on the do not import settings & click Ok. After that, it will do some background installation.
After that, the Android Studio Setup wizard came for asking usage statistics to send to google. We will select Don’t send & will click next.
After that, we will select custom to see all by default locations. Select our UI Theme & here is some component that is essential to download.
We will click next and after that, we have allocated ram for the emulator.
We simply press next and install all necessary components. Also, we accept License Agreements and then finish.
It would take some time according to your internet speed. Approximately, it would take half an hour for all the components.
After that, Android studio will get opened and now, we will download the Flutter plugin which is a third-party extension.
After that, it will say to restart IDE. We will restart it & as you can see, we have an option for the flutter project.
Click on Flutter Project & choose Flutter from your side menu. Select the path where you placed your Flutter SDK which in my case, I placed in C drive in the src folder.
Then click next, & type your flutter project name & rest of the setting should remain untouched for now & click Finish and then wait for a while.
After that, search for the lib folder and open the main.dart file in it. Now, this is a Sample code from Flutter Team which we will run on our emulator.
So, now, we see that there is no device selected up till now. So, we will click on the AVD Manager icon, or you can find in the tools option from the toolbar.
So, right now, we don’t have any device yet, so we will create a virtual device and you can select any device you want but I will go with Google Pixel 4.
We will select Android Version for your Phone & you can choose any. It will then download it.
After that, we will click finish and select our SDK and click Next & then without changing any settings in AVD, we will click Finish.
Our Virtual device is ready to be launched. We will click on the Run button.
After that, we will select our device and launch our main.dart file code in it & then we will simply press the run button & as you can see, Gradle starts running & finally your app has been launched on Emulator. We can interact with the app.
So, this is it for Android Studio Setup. In the next video, we will see the VScode setup so stay tuned.