Understanding Flutter app architecture

The Flutter framework is composed of multiple layers, each with its own responsibility for a specific part of the application. It is important to remember that cross-platform applications are still built on top of the native layer. While Flutter and its package ecosystem do a great job of abstracting this native layer, there are situations where we still need to interact with it. Before exploring these use cases, let’s take a general overview of how Flutter connects with the native layer.

Diving into the Flutter framework layers

You may have seen a diagram similar to this before; for example, in the official documentation:

Figure 10.1 – The Flutter SDK layers

While we don’t need to understand all the intricacies of each layer, it is helpful to know their responsibilities and how developers interact with them.

The layer that you, as a Flutter developer, use every day when developing your...