Hello welcome to the new flutter programming. Every beginning of learning a new language is with a “Hello World” so lets start flutter with the same scenario.


Now we got a new tool called flutter which makes us not only android but even ios developer too isn’t that great. Ya ur right its just not flutter previously there were many tools framing this purpose but flutter seems a bit different from them.

Is flutter that useful 🙂

The main difference is observed as you progress int his version of programming. Ok then lets start…….

Now we generally start designing our layout file first to get an idea of what to be there and how to get started but now in this android app we can directly start coding hello word without a layout file(also possible in native codingggg:) ) .


Does my experience count ?

We are using Android Studio for developing our first flutter app so it clarifies that you can use your previous programming experience of your android, not only android flutter can be easily learnt using any of your programming skills like

  1. Android developer
  2. Ios developer
  3. Web developer
  4. React native developer
  5. Xamarin developer

don’t believe me  ok have a look

Initially we need not add any libraries or so called dependency’s .


Before going any further have a look at this tutorial to optimize flutter with android studio –> Introduction to flutter


How to code ?

A file name main.dart is already created when you create a project for now lets use it.




Just import material.dart package as below


this one line will fetch all your resources as we already know this lets skip..


As a so called programmer we already know every program starts with void main if i am wrong correct me in comment section 🙂


in java do you remember our  main method declaration


in flutter we code it like


ya in one line as java but observe declaration is much simpler here right with the use of  “=>” and again doubt ? ask me in comment section.


Let’s get to know what that line means


Here MyApp is our class name want to see it scroll down


1) Most important make sure you use runApp( ) method if not you can compile code but you cant get any output.

Don’t believe try it and let me know.


2) Sample class declaration


Extend your class with StatelessWidget



your code will be like



Now return Material App instead of null


add a title for your app


declare a home


In home block using Scaffold add app bar. You have many other features just a sample

app bar may have a title like

then you may select brightness level like


Next comes body inside home

This is the place where your main app declarations  goes on



You can notice

), // AppBar

), // Scaffold

), // MaterialApp


these will clearly show you the end of that particular block or section of code.



What is Dart ???

If you don’t know about dart please let me know in comment section below also in my youtube channel so i can make a tutorial on it if required.


Full code



Like It

If you like my tutorial

1)  like

2) share

3) comment

and most subscribe this tutorial 🙂




Show Buttons
Hide Buttons
Read previous post:
Introduction to Flutter ||Start Learning Flutter Now !!