Flutter architectural overview

Architectural layers

Anatomy of an app

Reactive user interfaces

Widgets

Composition
Building widgets
Widget state
State management

Rendering and layout

Flutter’s rendering model
From user input to the GPU
Build: from Widget to Element
Layout and rendering

Platform embedding

Integrating with other code

Platform channels
Foreign Function Interface
Rendering native controls in a Flutter app
Hosting Flutter content in a parent app

Flutter web support

Further information

This article is intended to provide a high-level overview of the architecture of
Flutter, including the core principles and concepts that form its design.