身為工程師，每天長時間的開發、寫程式碼，提升開發效率是必須的，趕快完成任務才能偷懶沒錯吧？我們必須在節省時間的情況下還能達到目的，除了程式碼的撰寫之外，還有開...
當我們在使用手機時經常會收到來自於不同應用程式的各種通知。包括由遠程的服務發送的通知(如：Line 訊息、Facebook 好友邀請通知等)，以及來自於本機的通...
壹、30天章程回顧 大家都已熟悉本次30天的文章，我們都以大寫中文數字"壹、貳、參..."作為段落列向，內部再依序酌增"一、二、三...
如果你曾經碰過前端框架如 React 或是 Vue，應該都會接觸過 Redux 或 Vuex 這類的狀態管理工具，在 Flutter 中也存在這類的工具。例如很...
本文為 Debugging with DevTools 系列的第三章，前面談論到了 Flutter Inspector、Performance、CPU Pro...
來到了 DevTools 系列的第二章，上一篇我們講解了 Flutter Inspector 與 Performance 用法，使用工具瀏覽 Widget T...
我們今天要來實作個人檔案頁面。在實作之前，我們先來看看在 iOS 中的設定畫面風格。我們觀察到： 背景顏色並不是純白色，而是很淺的灰色。在 Cupertino...
大家對於 DevTools 還熟悉嗎？專屬於 Flutter 的 Debugging 工具，本身也是使用 Flutter 進行開發，以這工具來看，就可以知道...
昨天我們終於把主頁的焦點新聞頁面給完成拉，不過目前這些新聞卡片都只能顯示片面的資訊，理論上應該要有個專門用來閱讀新聞的頁面，如下圖：在 Cupertino UI...
Riverpod 是什麼？相信大家都已經有初步了解了，甚至大家都已經運用在自己的專案了對吧？它本身的使用方式很多樣，是個很靈活的框架，但在很方便開發的同時，也...
肆、Create a scrolling parallax effect 參見:Create a scrolling parallax effect 當我們...
大家好，今天我們要完成主頁的新聞瀏覽頁面，並加上無限捲軸的實作。畫面會如下圖：不過為什麼我們需要無限捲軸呢？試想一下，假設我們有 100 篇的新聞資料，這些新聞...
本文進入測試環節。適合對 Riverpod 有實際玩過且熟悉的朋友們，不會特別講解相關開發技巧，我們著重在於如何寫好一個基本的測試，穩固專案的品質。希望由這些...
參、Achieve fancy scrolling: 每周天氣預報頁面展示 參見: https://docs.flutter.dev/ui/layout/sc...
貳、Place a floating app bar above a list 參見: Place a floating app bar above a li...
參見: Flutter Scrolling 壹、Scrolling Overview 我們在前幾天的List&Grid中，介紹了不同的列表用法，其中...
寫到目前為止，我們一直都將一個畫面的內容寫在單一檔案中，也就是說頁面上看得到的 widget全都可以在 xxx_screen.dart 的程式碼中找到。 試想...
當我們在專案使用 Riverpod 後， 一定很長使用到 WidgetRef API，例如：ref.read()、ref.watch()、ref.listen...
昨天我們把我們的探索頁面的樣貌做的差不多拉，不過 Flutter 提供了兩個強大的 widget FutureBuilder 與StreamBuilder 專門...
在 Flutter，狀態管理對於專案來說很重要，不是說一定要用，只是當開發者還不熟悉 Flutter 原理以及刷新觀念，很容易會造成不當開發的效能問題。狀態管...
今天我們將開始進行 API 串接，在開始講解之前請先開啟之前在 Day10 時建立的 api server。若你已將 server 部署至 vercel 上可以...
相信大部分 APP 都會使用到圖片，可能場景有貼文牆、大頭照、上傳圖片等等，在實作時大家是否有關心過記憶體的使用情況呢？或許在開發時、在自己的裝置上都運行的順...
延續上一篇的內容，本文繼續跟大家分享一些正確觀念，為了就是在開發時可以撰寫出品質好的程式碼，寫的任何一個元件都很重要，它們為何存在，使用的優缺點是什麼，都應該...
當我們開發 Flutter 一段時間後，想必都會有自己習慣的開發方式跟技巧，但有時候很方便、速度快的方式卻不代表是好的，有可能開發上很省時卻導致性能有缺陷，記...
Pattern 在每個領域的軟體開發當中都會遇到，有時候大家很常使用但卻沒有實際了解為什麼要這樣設計，他們都是為了解決某件事，讓我們很方便的完成開發。而在開發...
上一篇介紹了動畫的兩大分類，Explicit Animation 和 Implicit Animation，以及實作時會用到的幾個重要元素，包含 Animat...
在 Flutter 中，動畫在大部分開發情境下不太常使用到，很多產品都以功能為導向，有時候有趣的體驗或是酷炫的效果都會被忽略甚至是排在後面，視為往後優化的部分...
肆、不同類型List處理---Create lists with spaced items 參見 List with spaced items 平時，我們可...
參、不同類型List處理---Create lists with different types of items 參見: Create lists with...
壹、Lists 參見: Flutter Use lists 接下來，我們將針對 List&Grids 進行更詳盡的介紹!包含從基本的ListView...
Yii Chen
Micro Jordan
xianyu
iThome鐵人賽
看影片追技術