Let’s start coding!

Flutter is one of the easiest frameworks for anyone to pick up and learn. All you need is a bit of interest and some patience.

I’m going to assume you have Flutter installed on your PC/Mac and have at least the Android SDK or XCode Libraries along with it. If you want to start from scratch, you might want to visit this page:

https://flutter.dev/docs/get-started/install

Let’s start creating our Flutter app. My preferred choice is to use the Terminal, but you could use any IDE to do it for you.

> flutter create fluro_tutorial

Your result should look something like this. Don’t worry if all of them are not ticked green, the only one that matters is the first checkbox.

Let’s go into our project directory and open it up in an IDE of choice. I prefer to use VS Code (cause it’s awesome!), but you could use Android Studio too.

First things first, let’s get the latest version of Fluro. Visit this link and grab the version number right next to the heading: https://pub.dev/packages/fluro. As of the time of writing this tutorial, the latest version is 1.4.0, so we’re going to use that.

Now, go to pubspec.yaml and add the fluro package in your dependencies. The ^ (caret) symbol before the version number indicates that it can be upgraded if a new version arrives.

...

cupertino_icons: ^0.1.2

fluro: ^1.4.0

...

Run the following command once the line has been added so that it would grab the required packages from the internet. If you have a really cool IDE, then it would probably do this step for you, but in case it doesn’t, just run this command on the terminal:

> flutter packages get

Let’s clear up whatever was in our lib/main.dart file, and put in a very simple component that displays one of our pages.