Flutter – Basic Application

With the environment setup for Application Development using Flutter, in this tutorial, we shall create a basic application in Android Studio using Flutter.

Demo of the application would be as shown in the below video :

To create a Basic Application with Flutter using Android Studio IDE and run it on a mobile, follow the below steps.

Step 1: Start Android Studio and click on “Start a new Flutter project”.

New Flutter Application in Android Studio

Step 2: Select Flutter Application under New Flutter Project.

New Flutter Applicaiton

Step 3: Configure the new Flutter application.

You may leave the default values as is or change them according to the needs.

For this tutorial, we shall proceed with the default values.

Configure Flutter Applicaiton

Step 4: Provide the company domain and click on Finish.

Company Domain for Flutter Project

Step 5: Run on Android Device.

You may setup virtual Android Device using AVD in Android Studio or connect a physical Android Device (with Debugger Mode enabled and USB Debugging ON).

Android - Connected Device List

Choose an Android Device, if you have connected multiple items in the list and Click on the run button (Green Play button).

Step 6: Observe the Console logs.

Launching lib/main.dart on F3116 in debug mode...
Initializing gradle...
Resolving dependencies...
Running 'gradlew assembleDebug'...
Skipping compilation. Fingerprint match.
Built build/app/outputs/apk/debug/app-debug.apk (31.2MB).
Installing build/app/outputs/apk/app.apk...

Step 7: Upon Run, the application screen would be as shown in the below picture.

Flutter - Basic Application - Example

Push on the floating button and the count shown in the screen would increment.

Conclusion

In this Flutter TutorialFlutter Basic Application Example, we have learnt the steps to create a basic Flutter Application and run on Android.