Flutter ReorderableList Widget Class 源碼解析
Flutter ReoderableList 底層用到 Flutter Sliver 元件,Sliver 系列的元件可以做到更多滑動以及惰性讀取元件的組合,目前較常有的高階 Sliver 元件有 SliverGrid 跟 SliverList。 classDiagram class ReorderableList class ReorderableListState class SliverReorderableList class SliverReorderableListState ReorderableList --> R…
繼續閱讀⋯⋯
浪姐三、王心凌、婦女培力

最近王心凌因《乘风破浪的姐姐三》短短一分鐘的〈愛你〉勾起不少大陸青壯年世代的回憶,在抖音上屠榜。可以說,到處都可以看到她的新聞。《乘风破浪的姐姐三》受眾主要是女性,節目關注三十歲以上女性成長,展現「勇敢做自己、無關年紀」,所以你會看到歌手挑戰跳舞、演員與舞者挑戰唱歌。

我身為一個中年大叔,也不是女性主義者(Feminism),正常情況下,是不會主動看這個節目。

但王心凌實在是太紅了,你不了解一下,難以跟上話題。印象中,王心凌不算是唱歌很厲害的角色,在唱功上,我認為的實力派華人女歌手是鄧麗君、蔡琴、張惠妹。王心凌的突然走紅,自然是很讓人好奇。

繼續閱讀⋯⋯
Flutter Overlay Widget Class 源碼解析
Flutter 中 Overlay 是一個特殊的 Stack Widget。官方文件指出雖然開發者可以直接建立 Overlay,但通用的用法,是使用由在 WidgetsApp 或 MAterialApp 的 Navigator 去管理路由的視覺化顯示。Overlay 實作一個特殊的 Stack widget,如果沒有特殊需求,開發者可直接使用 Stack。會用到 Overlay 通常是需要對浮動元件的渲染做控制。 撰寫時所使用的 Flutter 環境如下: Flutter 3.1.0 • channel beta • https://github.co…
繼續閱讀⋯⋯
如何在 Org-mode 中使用 Hugo 的 Shortcode?

有時我們想在 Hugo 的文章中嵌入影片,org-mode 語法便不夠用了。好在 Hugo 本身有提供 Shortcode,方便使用者在 Markdown 中排版。因此,你可以透過一些技巧,在 Emacs 做到這件事情。

繼續閱讀⋯⋯
Flutter Draggable Widget Class 源碼解析

本文主要解析 Flutter Draggable 的程式碼,解釋 Draggable 如何透過 OverlayOverLayEntry 在渲染階段時控制 feedback 出現跟消失,以及DragTarget 如何處理目標元件接受被拖曳元件 。 源碼在 lib/src/widgets/drag_target.dart

繼續閱讀⋯⋯