Flutter Layout Hints

CodeGemz — Fri, 05 Jun 2020 15:19:41 +0000

You can use this as a short cheat-sheet or play with the full code sample.

Full code of the example (https://gist.github.com/mdrobnych/d7c0037de78c23aec71b1627414ce65c)

If no local Flutter stuff installed - open a new project at FlutLab.io (https://flutlab.io) and copy/paste this code there.

MainAxisAlignment

mainAxisAlignment: MainAxisAlignment.start

mainAxisAlignment: MainAxisAlignment.center

mainAxisAlignment: MainAxisAlignment.end

mainAxisAlignment: MainAxisAlignment.spaceAround

mainAxisAlignment: MainAxisAlignment.spaceBetween

mainAxisAlignment: MainAxisAlignment.spaceEvenly

CrossAxisAlignment

crossAxisAlignment: CrossAxisAlignment.start

crossAxisAlignment: CrossAxisAlignment.center

crossAxisAlignment: CrossAxisAlignment.end

crossAxisAlignment: CrossAxisAlignment.stretch

Flutter Builds in the Cloud.

CodeGemz — Thu, 04 Jun 2020 13:46:32 +0000

FlutLab.io is an online IDE for Flutter. And probably this is the fastest way to play with your first Flutter projects. FlutLab main idea is to provide an alternative to local installations of Android/IOS/Flutter SDK’s as well as Code Editors. In the tool-chain of FlutLab.io, developers can host their projects, collaborate, and do various builds. FlutLab builds are in the focus of this article.

How it looks like

The first thing you want to do with some fantastic examples of Flutter code is to build and run it.
Let’s visit https://flutlab.io and register a free account. You should see some opened project like this:

To see how this code behaves, you can click at the “Build project” button:

Immediately you can see this build in the progress:

Which will lead to success or failure. And the first (success) option looks like this:

DEV Community: CodeGemz

Flutter Layout Hints

Flutter Builds in the Cloud.