How to get started with Flutter?
By: Aditya Nahak
Tags: Dart, Android Studio, Flutter, Android Studio Setup, Flutter App Development

Roses are Red, Violets are Blue. I love Flutter, Why don’t you?

How to get started with flutter?

Content:

1.What is Flutter?

2. How to Install Flutter?

3. Connect Android Studio

4. Common Errors

So let’s get started!

What is Flutter?

Flutter is a free, open-source cross-platform development tool for building android, ios, web and embedded device apps using a single code base with great designs, smooth animations, and high performance.

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, desktop, and embedded devices from a single codebase.

-flutter.dev The first version of Flutter was known as codename “Sky” and ran on the Android operating system. It was unveiled at the 2015 Dart developer summit

-wikipedia

At the time of writing this article, Flutter 2.2 is released with some amazing changes compared to the previous versions. A few of the examples are null safety and stable web support.

Applications developed in flutter are eBay, Reflectly, Google Ads, Dream11 and many more.

-flutter.dev/showcase

You can always read about Flutter and changelog from its official website. flutter.dev.

Let’s move on to how to install flutter.

Quick note: If you face any error while installing any of the below applications, please look at the Common Errors section at the end of blog.

How to install Flutter?

First, go to this link and select your operating system. For this blog, I’ll cover Windows OS installation.

Download Flutter

Please make sure to see the system requirements before proceeding to install.

System Requirements

Download the zip file and extract it on C:\src\

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

Now it’s time to update the path.

Click on the search icon on the taskbar, type ‘env’, and open ‘Edit the system environment variables.

Environment variables

Open ‘Environment Variables’

System Properties

Add path flutter\bin to the path variables

Update path

Well done. You’ve installed flutter successfully.

To check whether Flutter is installed correctly run the following command in the command prompt.

C:\src\flutter> flutter doctor

You will see the “unable to android sdk” error and to solve that, we need to install android studio.

Unable to locate Android SDK

Let’s download and install Android Studio now.

Connect Android Studio

Download Android Studio from this link.

Android Studio

Install the android-studio.exe file with the default configuration.

It’ll take some time to launch for the first time. You’ll see the screen attached below. Go to “Configure”.

Android Studio Initial Page

Click on “Plugins”.

Plugins

Search for flutter, install the plugin and restart IDE.

Plugins

After restarting, you’ll see the “Create New Flutter Project” option as well.

Create New Flutter Project

Agree to Android Licenses

Android Licenses

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. 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. Android Studio versions 2.2 and higher come with a JDK, so this should already be done. Open an elevated console window and run the following command to begin signing licenses. flutter doctor --android-licenses Review the terms of each license carefully before agreeing to them. Once you are done agreeing with licenses, run flutter doctor again to confirm that you are ready to use Flutter.

Run “flutter doctor” for the last time and you probably won’t see any errors. If incase you still get any errors refer the Common Errors section.

Now let’s start with out first flutter project. 😄

Click on “Create New Flutter Project”

Creating New Flutter Project

Add your Flutter SDK path.

Adding Flutter SDK path

Next, name your project, select project location and give description to the project

Project Description

Clicking on finish will create your first flutter project.🥳