How To Set Up Android Studio/VS Code For Flutter 2021 (Complete Guide) In Ubuntu | Step By Step Tutorial

In this post, we're going to set up the android studio for flutter - Google’s most awaited UI tool kit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

So a single codebase for making an application for multiple platforms.

Step 1:
Download flutter SDK from flutter.dev and after extracting it place the flutter folder inside it at your desired location like this:-

Step 2:
Open the terminal and Set the path up to the bin folder inside flutter:-

export PATH=$PATH:/home/himanshu/Desktop/fluttersdk/flutter/bin

Step 3:
Download java 8 and set JAVA_HOME and JRE_HOME path.

Run this command in terminal:-

sudo apt install openjdk-8-jdk openjdk-8-jre

It will download the java 8 package in /usr/lib/jvm/ and now set the JAVA_HOME and JRE_HOME path up to this location for this,

Run this command in the terminal:-

export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64
export JRE_HOME=/usr/lib/jvm/java-8-openjdk-amd64/jre

Step 4:
Install flutter and dart plugin in the android studio.

Open android studio and Go to File ->Settings -> Plugins -> Marketplace.

Search flutter and click on install also click yes in order to install the dart plugin.

Step 5:
Go to Plugins -> Installed.

Enable all the plugins in the list i.e all the checkboxes must be checked.

Now, Restart Android Studio.

You can start making flutter projects.

Step 6 (VS Code):
Open visual studio code -> Go to Extensions and search flutter and click install this also installs the required Dart plugin.

Go to View->Command Palette and type flutter and select Flutter: New Project.

Now click on set up the path for flutter SDK and go to the flutter folder and press enter.

Now, Enter a project name, such as hello_world, and press Enter.

Now you are ready to make your flutter applications.

If you face any problem or have any suggestion please comment it down we love to answer it.

Comment down what next topic you need a guide on? or Drop a message on our social media handle

Comments

Make Barcode Scanner App Using Firebase ML Kit In Android Studio 2020(Complete Guide) With Source Code | Step By Step Tutorial

In this post, we're going to develop an android app that scans the barcode from the image and produce the required output. This is the output after doing all the steps: You can create your own QR Code from a barcode generator with custom data like putting a URL or a mail message etc. The above one is a simple text QR Code. The highlighted text in the above screenshot is the same output you get if you scan the above QR Code with Google Lens. As I show it below: So, Now let's make it. Step 1: Add Firebase to your android project: I recommend you to see how to add firebase to the android project in 5minutes to know how to add it or if you already add it then you can move on to 2nd Step. Step 2: Add this dependency for the ml kit android libraries to your app-level build.gradle file: implementation 'com.google.firebase:firebase-ml-vision:24.0.1' implementation 'com.google.firebase:firebase-ml-vision-barcode-model:16.0.2' ...

How To Add Firebase To Android Project Within 5 Minutes 2021 (Complete Guide) | Step By Step Tutorial

In this post, we're going to add firebase to an android project. Step 1: Go to Firebase Console after sign in to your google account and click on add project . Step 2: Enter your android project name and click continue. Again click continue. Now, click on the create project and the last click on continue. Our firebase project is ready now and now we have to link it with our android project. So let's follow this remaining step for linking the android project to the firebase project. Step 3: Click on the android icon (2nd one). Step 4: Enter the application id (package name) in the Android package name. You can find your application...

Select (or Capture) and Crop Image In Android Studio 2020 (Complete Guide) | Step By Step Guide

In, this post we're going to make an app that captures or selects an image and then displays in an image view using a third party library - android image cropper by ArthurHub at Github. Step 1: Add Dependency : Open android studio and paste this dependency in app-level build.gradle file as shown below: implementation 'com.theartofdev.edmodo:android-image-cropper:2.7.+' and then click on Sync Now. Step 2: Design the main activity layout : Add a Button and an ImageView to select and display image respectively as shown below: Step 3: Modify AndroidMainfest.xml by adding the CropImageActivity : <activity android:name="com.theartofdev.edmodo.cropper.CropImageActivity" android:screenOrientation="portrait" android:theme="@style/Base.Theme.AppCompat"/> as shown below- Step 4: Open CropImageActivity on Click of a button : Step 5: Lastly, override the On Activity Result and update ImageView : ...

The MindfulCode Blogs