Your First Custom Flutter Widget, The Best Practices Way

Because of the way we have to adapt navigation to specific device forms; the first custom flutter widgets we need to create for every app are the appbar and the scaffold. The tricks you will learn in this article are:

1. How the SDK source code is organized.

2. What the appbar widget does.

3. What the scaffold widget does.

SetUp

I am using one small library that sets the Material Design breakpoints, called adaptive breakpoints:

adaptive_breakpoints | Flutter Package

And to use it, in your pubspec:

dependencies:

adaptive_breakpoints: ^0.1.1

And now for how the Flutter SDK source code is organized.

How To Read Flutter SDK Source Code

In your installation of the Flutter SDK, you have a sub-folder called packages. In that folder, the packages to core of Flutter are in the sub-folder called flutter.