Flutter Class Diagram — Widget

Ticore Shih
2 min readMar 31, 2020

--

Flutter Dart 雖然是物件導向語言
個人覺得 Widget Class 設計方式跟傳統 UI Framework 很不一樣
有點抽象~

以 StatefulWidget 跟 StatelessWidget 來看
同樣都是 Widget 只是差別在有無狀態
卻設計成非對稱,StatefulWidget 本身不能建立 Child
要透過 State 來做
真的很不習慣,甚至一度嘗試繼承修改 StatefulWidget…

嘗試以畫 Class Diagram 方式幫助理解記憶

Widget Class Diagram SVG 版

Flutter Widget Class Diagram

LeafRenderObjectWidget Class Diagram SVG 版

Flutter LeafRenderObjectWidget Class Diagram

--

--