Flutter for a very beginner

Flutter is a powerful framework for developing the app for different platforms without redevelopment.

Although I still want to use Vue and Django as the main skill in my full-stack career, I think it’s a good idea to learn Flutter as my secondary skill due to the main idea of Flutter being quite attractive.

To concentrate learn Flutter, I convinced my team to develop a windows desktop app. Therefore, I can learn Flutter at work.

The set-up is quite simple, just follow the “Get started” of the document.

main.dart is the entry point of your app, which is located at your-project/lib.

material is the default UI component library for Flutter. Basically, we would import ‘package:flutter/material.dart’; in every dart file.

The runApp in main() is to decide how to run this app. We create MyApp for example. We should return a MaterialApp in it to create an app.

Let’s add the routing settings for this app.

Add routes in MaterialApp , and define the URL to which page. I prefer to write the different pages in each dart file. For example, I define the HomePage() in home.dart and import it from above. Then set the URL for it in routes .

initialRoute is which page would show when this app is opened.

In home.dart

we could use Navigator.pushNamed to go to another URL.

To build an app, we need to build a MaterialAPP . To write a page, we need to write it in a Scaffold .

That’s what I learn so far. Maybe what I write above is not perfect, but I think it’s still useful for a beginner.