graph TD
Top[Platform specific widgets] --> Widgets
Widgets --> Renderring
Renderring --> Animation/Painting/Gestures
Animation/Painting/Gestures --> Foundation
Foundation --> engine[C/C++&nbspEngine]
engine --> embedder[Platfrom Specific Embedder]

• Flutter 中，一切都是基于widget的
• GestureDetector Widget实现交互功能
• 使用 StatefulWidget 实现状态管理
• 可以编写不同layer代码（widgets 、 renderring …）

Dart

Layout

Widgets

架构层次

• Widget: 描述了界面的一部分，是 Flutter 中不可变的类，像 Container、Text 等。

• Element: 用于管理小部件和渲染对象之间的桥梁，它表示一个小部件的实际实例。

• RenderObject: 控制布局和绘制的底层对象，处理尺寸测量、位置确定和实际的绘制工作。

学习笔记