技術 Day 12 - 從靜態畫面到功能實現：核心行程 UI 宣告完成

今天的重點是把 資料模型 跟 狀態管理 串起來，然後透過 UI 驗證 時間區塊防呆設計，確認資料流與使用流程是否順暢。今天主要目標頁面： 添加行程頁 行程總覽...

技術 Day 11 - 從填空題到選擇題：Flutter 輸入元件技術拆解

在 Flutter 開發中，表單輸入幾乎是每個 App 都會遇到的需求，但不同的輸入欄位如果用同一種元件，很容易造成操作不便或樣式混亂。今天目標是實作「新增行程...

技術 Day 6 - 從 Figma 到 Flutter：將設計系統化為 UI 元件

在 Figma 中將設計元素整理成系統與元件後，現在我們要進入更關鍵的一步：將這些視覺藍圖化為實際的 Flutter 程式碼！這不只是將設計稿變成 App 畫面...

技術 Day 5 - 一樣的地方改一次就好：在 Figma 中打造專屬元件庫

在前面幾天，已經完成了 AI 行程規劃 App 的視覺骨架，並將它系統化。今天，就來將他元件化吧！ 有過在設計稿中不斷複製、貼上相同的按鈕、卡片或表單欄位的狀況...

技術 Day 4 - 將視覺骨架化為程式碼：在 Flutter 中實作設計系統

前幾天從使用者痛點出發，用 Stitch Designer 產出了 App 的 UI 初稿，接著在 Figma 上將設計元素系統化，建立了顏色的色階、定義了字體...