June 5, 2019

Getting Started With Flutter

Blog on how to setup Flutter from scratch.

Categories: Setup-&-Installation
Tags: Flutter App-Dev Android

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

More on Flutter…

According to me, Flutter has a very bright future ahead as Google is using Flutter for the development of their own apps. It has very expressive and Flexible UI and it is famous for its Native Performance. The main challenge is that cross-platform development can be problematic. In recent years we have seen the emergence of various mobile frameworks like React Native and AngularJS that help make it easier for the developers. But Google is like -:

GIF

Initially, flutter might look like a mix-up of various Google technologies and concepts however, this results in a powerful mobile framework. It’s based on Dart, Google’s in-house programming language, which makes Flutter even more special because it gives flutter access to the Skia graphics Library which is what Chrome uses.

I will be sharing the steps to install and setup Flutter in this blog. Let’s get rolling!!

Download the Flutter SDK

For Window users -:

  1. You can download the SDK from here

  2. Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (eg. C:\src\flutter; do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges).

  3. Look for the file flutter_console.bat inside the flutter directory. Start it by double-clicking.

For Mac users -:

  1. For Mac users, You can download the SDK from here

  2. Extract the file in the desired location, for example:

Img

  1. After downloading the flutter SDK from one of the above links. Extract the download into a suitable folder and then add bin folder location to your path.

For Linux Users-:

  1. For Linux users, the tar file can be downloaded from here

  2. Extract the file in the desired location, for example:

File

  1. After downloading the flutter SDK from one of the above links. Extract the download into a suitable folder and then add bin folder location to your path.

Flutter Doctor

After completing the process of downloading and adding the bin folder to the path, you can check the status of flutter by using the command

flutter doctor

The output would be like:

output2

I have the android studio and an ide (VS code–my preference) pre-installed.

You can install and download Android Studio.

Setting up your Mobile

Connect your device to the pc and use the following command to verify that flutter recognizes your device:

flutter devices

The output would be something like this:

output

Final Steps…

I hope you have done each and every step Perfectly. If so, VOILAA!! you can start your first project now.

  • Open Android studio and select File > New Flutter Project

New_project

  • Select Flutter Application and click Next.

  • Enter your Project details and install Flutter SDK if you have not installed it.

  • Setup your domain and click Finish

Studio

Congratss!!! You can now start developing your app in Flutter now. I will be talking about Getting started with Dart in my next blog! Till then Bye!!!

Hope it has helped you. Thanks for bearing till the end!!

Thankyou

Want to connect? Github | LinkedIn | Twitter | Facebook

Author: Kaushlendra Pratap