Flutter Stack Widget Class 源碼解析
在 Flutter 中, Stack 是一種特殊的布局小部件,它允許開發者在單一平面上重疊多個子小部件。這類似於傳統的堆疊概念,其中元素可以放置在其他元素上面,從而創建出層次豐富的視覺效果。 Stack 定義在 src/widgets/basic.dart。 Stack 的 child 分成兩種,分別是 positioned 跟沒有 positioned。positioned 的 child 會用 Positioned 包住,設定上、下、左、右的 offset,做位置的指定。 Stack 入口點,類圖整理如下: classDiagram MultiC…
繼續閱讀⋯⋯
Flutter SliverGrid Widget Class 源碼解析

Flutter 中 SliverGrid 是一個通常與 CustomScroll 搭配使用的 Sliver ,作用是讓 children 以二維的方式佈局,並且可以動態載入 children。本文介紹大致邏輯。

繼續閱讀⋯⋯
Flutter SliverChildBuilderDelegate 源碼解析

在 Flutter 中,SliverChildBuilderDelegate 扮演著一個關鍵角色,它的主要職責是動態生成一系列的子元件,這些子元件隨後會被 KeydSubtree 包裹。這種做法達成類似(callable class)的概念,允許開發者以類似函數調用的方式使用這些類。本文做深度的追蹤,閱讀時長 25 分鐘。

繼續閱讀⋯⋯