How Flutter works under the hood
summary
Explains Flutter’s three-layer architecture: a Dart framework on top, a C++ engine that rasterizes composite scenes with Skia, and platform embedders (Android in Java/C++ , iOS in Objective‑C/Obj‑C++ , Windows using ANGLE → DirectX11). Describes CanvasKit for web, the dart:ui bridge, and platform channels that pass key/value pairs for native APIs. Shows widgets → element → render object trees and demonstrates reuse: a text node keeps the same render paragraph id 58ee8 when content or theme changes.
AI-written summary · about
chapters (19)
- 0:00Start
- 0:18Internal Architecture
- 0:53Agenda
- 1:55Flutter Sdk Architecture
- 3:40Web Diagram
- 6:56Flutter Engine
- 8:35Ui Library
- 9:20Foundation
- 9:57Widgets Layer
- 13:48Platform Embedded
- 15:29Platform Channels
- 16:19Platform Views
- 17:53Widgets
- 19:14State Manipulation
- 20:16Inherited Widget
- 21:05Layout and Rendering
- 22:24Render Object
- 23:02Performance
- 23:27How Does Widget Element and Render Object Work Together
related talks
41mFlutter under the hood. What makes Flutter tick
31mHow Flutter works under the hood
01h 12mFlutter Under the Hood
40mHow I met Flutter
43mPortable Material: Flutter physical models
50mTake off with Flutter
32m"Flutter: How we're building a UI framework for tomorrow at Google"
49mWhat's Awesome about Flutter