Ok. after getting the development environment setup, for programmer, the first thing to do is to get “Hello World” as output.
Can’t help it, I am from the old school. Anyone started with Logo as a programming language? Ping me, we need to have a pint of Guinness.
First, launch the Android Studio (the previous blog will show how), select “New Flutter Project”
Make sure highlight Flutter as the generator (it will generate sample codes) and also the path to the Flutter SDK is correct, it should be.
You will see the following screen, make sure select Application in the project type, and select the platform that you want to run your “Hello World” app on. For me, I only selected Android.
First, I need to use the Scaffold class to create a basic layout, the class is part of the Material widget from Google that provide the design system.
Next, I use the SafeArea class which define a safe area within the UI of the devices, that will be be block by area that occupied by the operation system (Android, IOS, etc)
Lastly, I will put the content of what I want to display inside a Container Class widget. Basically, I create a container of size 100×100 pixel, blue background, with margin from the left and top of the screen. And using padding to move the “Hello World” to the middle of the blue box (container).
Next Blog I will be experimenting with rows and columns to have multiple containers on the same screen.
Onward, 1% better everyday.