技術 Day 9: 深入 setState()，觀察它如何進行 UI 刷新！

每次執行 flutter create <name> 創建新的專案後，預設都會在主頁面看到很熟悉的計數器功能，在點擊 FloatingAction...

技術 [Day 21] 實戰新聞 APP - 認識 CupertinoListSection 與 CupertinoListTile

我們今天要來實作個人檔案頁面。在實作之前，我們先來看看在 iOS 中的設定畫面風格。我們觀察到： 背景顏色並不是純白色，而是很淺的灰色。在 Cupertino...

技術 [Day 22] 實戰新聞 APP - 使用 State Management 來觸發 Dark Mode

如果你曾經碰過前端框架如 React 或是 Vue，應該都會接觸過 Redux 或 Vuex 這類的狀態管理工具，在 Flutter 中也存在這類的工具。例如很...

技術 [Day 18] 實戰新聞 APP - Custom Widget

寫到目前為止，我們一直都將一個畫面的內容寫在單一檔案中，也就是說頁面上看得到的 widget全都可以在 xxx_screen.dart 的程式碼中找到。 試想...

技術 Day 7: MediaQuery 是什麼？很方便但如何正確在 Flutter 使用，順便跟你說它的缺點

所有的 Flutter 開發者應該多多少少都有碰過 MediaQuery，它給予的支援很廣，是個很重要的數據來源，以至於非常多場景都會需要存取它。而在 Flu...

技術 Day 19: 如何撰寫 Riverpod 測試，使用 Mocktail 來幫助我們吧！

本文進入測試環節。適合對 Riverpod 有實際玩過且熟悉的朋友們，不會特別講解相關開發技巧，我們著重在於如何寫好一個基本的測試，穩固專案的品質。希望由這些...

技術 Day 29: Dart 3 總複習，大家準備一下待會考試！

延續在本系列開始的 Dart 3 解說與實用範例，目的是希望系列結束前能再讓大家複習和更熟悉 Dart 3 新版帶來的方便性，有效運用在目前的專案上，甚至能優...

技術 Day 15: Flutter 效能優化，良好的開發觀念與技巧！(下)

延續上一篇的內容，本文繼續跟大家分享一些正確觀念，為了就是在開發時可以撰寫出品質好的程式碼，寫的任何一個元件都很重要，它們為何存在，使用的優缺點是什麼，都應該...

技術 Day 23: 帶你完整探索 DevTools，聰明的使用 Network、App Size Tool 與 Skia Tool (Debugging with DevTools - part3)

本文為 Debugging with DevTools 系列的第三章，前面談論到了 Flutter Inspector、Performance、CPU Pro...

技術 Day 8: MediaQuery 優化後與 InheritedModel 如何進行指定更新

上一篇我們討論了 MediaQuery 是什麼、它的正常使用方式，並稍微帶大家分析背後源碼的運作流程。本文要了解在 Flutter 3.10 改版後，Inhe...