嗨，大家好，再次自我介紹，我是陳虔逸、Yii Chen，一位 Flutter 愛好者以及推廣者，專注跨平台開發，除了投入技術寫作外，也是活躍講者。擁有 7 年...
終於到了最後一天的文章拉，在最後一篇文章中，我們來完成最後的事項，也就是換上美美的 icon 拉～ 首先請先執行以下指令安裝套件： flutter pub ad...
今天我們要來實作 iOS版本的 home widget 昨天我們已經有說過，flutter 並無法直接撰寫 home widget 的樣式，若要在iOS 上實現...
延續在本系列開始的 Dart 3 解說與實用範例，目的是希望系列結束前能再讓大家複習和更熟悉 Dart 3 新版帶來的方便性，有效運用在目前的專案上，甚至能優...
如何在 Flutter 制訂一個有品牌風格的 Design System，讓我們的產品擁有特點，辨識度就非常重要，所以從基本的顏色、字體、文字大小、圓弧曲度、...
今天的進階技巧，想要跟大家分享的是如何分別在 iOS 與 Android 平台上實作 App widget。 什麼是 Home Widget 現在無論是 iOS...
當我們在開發應用程式時，通常針對不同語言切換進行支援。因此我們今天來講講在 flutter 中要如何實現多國語系的作法。 安裝相依套件與相關設定 首先請先執行...
首先請問大家幾個問題： 在開發產品時，公司和團隊裡有 UI 設計師嗎？有根據設計使用的文字、大小、顏色、空格間距等等，來開發嗎，是否完全相同？ 有關數值的設...
Splash Screen (啟動畫面)是一個應用程式在啟動時短時間顯示的畫面，通常該畫面用於展示和強調應用程式的品牌，同時在顯示畫面同時，應用程式也會用於進...
Maestro 是一個完整的 UI 自動化測試框架與解決方案，提供豐富的文件和 API 給開發者使用，其中的連續模式就很符合人性化，像是自動 hot-relo...
目前為止我們的帳號頁面提供了編輯個人的姓名、信箱與自我介紹的功能。還記得我們昨天定義的 UserModel 嗎？讓我們複習一下： class UserModel...
Mason 是什麼？它可以有效的幫我們提升開發效率，避免花費不必要的時間在創建檔案或是無聊的代碼上，根據自己和公司的開發習慣去自定義模板和生成結果，很值得投資...
Firestore 是 Google 基於 Google Cloud 而產生的 NoSQL 資料庫，具有靈活、高擴充性的優勢，因此適合用於 Firebase 和...
身為工程師，每天長時間的開發、寫程式碼，提升開發效率是必須的，趕快完成任務才能偷懶沒錯吧？我們必須在節省時間的情況下還能達到目的，除了程式碼的撰寫之外，還有開...
當我們在使用手機時經常會收到來自於不同應用程式的各種通知。包括由遠程的服務發送的通知(如：Line 訊息、Facebook 好友邀請通知等)，以及來自於本機的通...
本文為 Debugging with DevTools 系列的第三章，前面談論到了 Flutter Inspector、Performance、CPU Pro...
壹、30天章程回顧 大家都已熟悉本次30天的文章，我們都以大寫中文數字"壹、貳、參..."作為段落列向，內部再依序酌增"一、二、三...
如果你曾經碰過前端框架如 React 或是 Vue，應該都會接觸過 Redux 或 Vuex 這類的狀態管理工具，在 Flutter 中也存在這類的工具。例如很...
來到了 DevTools 系列的第二章，上一篇我們講解了 Flutter Inspector 與 Performance 用法，使用工具瀏覽 Widget T...
我們今天要來實作個人檔案頁面。在實作之前，我們先來看看在 iOS 中的設定畫面風格。我們觀察到： 背景顏色並不是純白色，而是很淺的灰色。在 Cupertino...
大家對於 DevTools 還熟悉嗎？專屬於 Flutter 的 Debugging 工具，本身也是使用 Flutter 進行開發，以這工具來看，就可以知道...
昨天我們終於把主頁的焦點新聞頁面給完成拉，不過目前這些新聞卡片都只能顯示片面的資訊，理論上應該要有個專門用來閱讀新聞的頁面，如下圖：在 Cupertino UI...
Riverpod 是什麼？相信大家都已經有初步了解了，甚至大家都已經運用在自己的專案了對吧？它本身的使用方式很多樣，是個很靈活的框架，但在很方便開發的同時，也...
大家好，今天我們要完成主頁的新聞瀏覽頁面，並加上無限捲軸的實作。畫面會如下圖：不過為什麼我們需要無限捲軸呢？試想一下，假設我們有 100 篇的新聞資料，這些新聞...
本文進入測試環節。適合對 Riverpod 有實際玩過且熟悉的朋友們，不會特別講解相關開發技巧，我們著重在於如何寫好一個基本的測試，穩固專案的品質。希望由這些...
寫到目前為止，我們一直都將一個畫面的內容寫在單一檔案中，也就是說頁面上看得到的 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 上可以...
Yii Chen
Micro Jordan
xianyu
iThome鐵人賽
看影片追技術