FLUTTER ENVIRONMENT SETUP

FLUTTER ENVIRONMENT SETUP



What is Flutter?

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. We use dart language for coding of the app.

Why flutter?

  • It is easy to create a beautiful app and user-friendly app(simple & sophisticated to use the app).
  • Less code: It has limited code, so we can develop and fast. It has an inbuild UI.
  • Hot reload feature.
  • It provides us cross-platform feature.

How to set up the environment for the Flutter?

Firstly, we have to download the flutter file. For download go to the https://flutter.dev/ and download the file. 

No alt text provided for this image
No alt text provided for this image
No alt text provided for this image

After installation, go and unzip the file and extract it in one folder. Once, it is extracted, go inside the bin folder and copy the file location and set the path in the environment variable.

No alt text provided for this image

List of the Software required along with Flutter

  • Android Studio
  • Visual Studio Code

Let begins the setup of Andriod Studio

You can download the Andriod Studio Code from https://developer.android.com/studio and install the software. While installing software, change the file location from this to

No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image
No alt text provided for this image

After download and then click on the configure and then

No alt text provided for this image
No alt text provided for this image
No alt text provided for this image

Choose the image you want to work and download the image. I have download pie image.

No alt text provided for this image
No alt text provided for this image

Accept and download.

No alt text provided for this image

Go to the cmd and flutter doctor, this will tell what you need to set up the flutter and what are the parts you have done.

Then it's, time to install the flutter plugin.

No alt text provided for this image
No alt text provided for this image
No alt text provided for this image

After plugin download, again to the configure and click on the SDK manager and then

No alt text provided for this image

download the ticked file. Then again go the cmd and type flutter doctor and see the issue.

Next, set the environment variable for the android studio.

No alt text provided for this image
No alt text provided for this image

The whole android studio is set up and ready to use.

Next, we will download and install the Virtual Studio Code. download the Visual Studion using the official website https://code.visualstudio.com/ and then install it.

After install, download the flutter plugin.

No alt text provided for this image

Your lab is set up for the flutter environment. Go and check using a flutter doctor command.


No alt text provided for this image



要查看或添加评论,请登录

Ankit Kumar的更多文章

  • How Kubernetes Is Changing The Business ????

    How Kubernetes Is Changing The Business ????

    What is Kubernetes?? ???? Kubernetes is an open-source platform for managing containers. The product is created by…

    1 条评论
  • Create CloudFront Architecture with AWS CLI

    Create CloudFront Architecture with AWS CLI

    What is AWS ? AWS is a Public-Cloud platform providing world-wide service and offer over 170 fully-featured services…

    1 条评论
  • AWS Customer Success Story

    AWS Customer Success Story

    What is Cloud Computing? The company that provides their resources over the internet and charges according to the…

  • Big Data

    Big Data

    Today is the world of data and most of the big companies like Facebook, Google, Microsoft, Netflix, Amazon, etc are…

  • Flutter Music Player

    Flutter Music Player

    This article refers to the creation of a Music App with the use of one great Platform know as Flutter. There are many…

  • Integration of Ansible with Docker

    Integration of Ansible with Docker

    This is the first task of Ansible under Mr. Vimal Daga Sir.

    1 条评论
  • AWS + KUBERNATES = AMAZON E

    AWS + KUBERNATES = AMAZON E

    Amazon Elastic Kubernetes Service (Amazon EKS) is a fully managed Kubernetes service. Amazon EKS automatically detects…

  • End to End INTEGRATION Of Docker, Jenkins, Github, Git, Redhat

    End to End INTEGRATION Of Docker, Jenkins, Github, Git, Redhat

    DevOps task2 Let us first understand what we are going to do in this task. Task description 1.

    2 条评论
  • TASK 1 COMPLETE INTEGRATION OF JENKINS WITH GITHUB

    TASK 1 COMPLETE INTEGRATION OF JENKINS WITH GITHUB

    Task Description TASK 1 JOB#1 If Developer push to dev branch then Jenkins will fetch from dev and deploy on the…

  • FACE RECOGNITION USING TRANSFER LEARNING

    FACE RECOGNITION USING TRANSFER LEARNING

    Task4 Create a project using transfer learning solving various problems like Face Recognition, Image Classification…

社区洞察

其他会员也浏览了