來到了 DevTools 系列的第二章，上一篇我們講解了 Flutter Inspector 與 Performance 用法，使用工具瀏覽 Widget T...
上一篇 forEach 方法現身了，因此本篇就要來介紹一下控制流程，包含了條件控制與循環控制。 if - else 條件控制 直接看範例： void main(...
壹、Functions: 函數 參見: Dart Functions 在Dart使用函數上，針對只有一個函數的表達式我們可以用=> expr的方式作為...
今天我們將開始進行 API 串接，在開始講解之前請先開啟之前在 Day10 時建立的 api server。若你已將 server 部署至 vercel 上可以...
在 Flutter 中，動畫在大部分開發情境下不太常使用到，很多產品都以功能為導向，有時候有趣的體驗或是酷炫的效果都會被忽略甚至是排在後面，視為往後優化的部分...
今天我們要來實作 iOS版本的 home widget 昨天我們已經有說過，flutter 並無法直接撰寫 home widget 的樣式，若要在iOS 上實現...
什麼是物件導向？ 物件導向這個用詞的重點在於「物件」兩個字，簡單來說就是將資料、相同的邏輯都包裝在一個「物件」當中。因此一個程式之中可能會有數個不同的物件，這些...
當我們開發 Flutter 一段時間後，想必都會有自己習慣的開發方式跟技巧，但有時候很方便、速度快的方式卻不代表是好的，有可能開發上很省時卻導致性能有缺陷，記...
當我們在開發應用程式時，通常針對不同語言切換進行支援。因此我們今天來講講在 flutter 中要如何實現多國語系的作法。 安裝相依套件與相關設定 首先請先執行...
昨天我們把我們的探索頁面的樣貌做的差不多拉，不過 Flutter 提供了兩個強大的 widget FutureBuilder 與StreamBuilder 專門...
今天的進階技巧，想要跟大家分享的是如何分別在 iOS 與 Android 平台上實作 App widget。 什麼是 Home Widget 現在無論是 iOS...
到了生命週期第二篇，開發者不僅要了解 StatefulWidget 的生命週期，很常也會需要現在 APP 的週期狀態，而在 8/17 剛發布的 Flutter...
Pattern 在每個領域的軟體開發當中都會遇到，有時候大家很常使用但卻沒有實際了解為什麼要這樣設計，他們都是為了解決某件事，讓我們很方便的完成開發。而在開發...
為什麼在 Flutter 開發中很常會需要 Async 非同步操作？因為畫面的互動、繪製刷新都是在同步的狀況下運行，為了順暢運行，需要一秒快速進行多次的渲染處...
終於到了最後一天的文章拉，在最後一篇文章中，我們來完成最後的事項，也就是換上美美的 icon 拉～ 首先請先執行以下指令安裝套件： flutter pub ad...
上一篇介紹了動畫的兩大分類，Explicit Animation 和 Implicit Animation，以及實作時會用到的幾個重要元素，包含 Animat...
Maestro 是一個完整的 UI 自動化測試框架與解決方案，提供豐富的文件和 API 給開發者使用，其中的連續模式就很符合人性化，像是自動 hot-relo...
貳、Syntax Basics---Operators 參見: Dart Operators 在dart中提供基本程式語言邏輯的運算元，包含常見的一元、二元...
終於來到介紹 Dart 基礎語法的最後一個篇章，今天我們要來介紹 Dart 的同步與非同步。讓我們馬上開始。 同步/非同步是什麼？ Dart 是一個單執行緒語言...
生命週期在大部分的軟體開發中都會了解這個名詞，簡單來說就是某個東西從出現到消失，中間的每個階段都會有一個對應的狀態，那為什麼要有狀態？這些狀態都是為了讓開發者...
如何在 Flutter 制訂一個有品牌風格的 Design System，讓我們的產品擁有特點，辨識度就非常重要，所以從基本的顏色、字體、文字大小、圓弧曲度、...
昨天我們終於把主頁的焦點新聞頁面給完成拉，不過目前這些新聞卡片都只能顯示片面的資訊，理論上應該要有個專門用來閱讀新聞的頁面，如下圖：在 Cupertino UI...
目前為止我們的帳號頁面提供了編輯個人的姓名、信箱與自我介紹的功能。還記得我們昨天定義的 UserModel 嗎？讓我們複習一下： class UserModel...
Firestore 是 Google 基於 Google Cloud 而產生的 NoSQL 資料庫，具有靈活、高擴充性的優勢，因此適合用於 Firebase 和...
首先請問大家幾個問題： 在開發產品時，公司和團隊裡有 UI 設計師嗎？有根據設計使用的文字、大小、顏色、空格間距等等，來開發嗎，是否完全相同？ 有關數值的設...
身為工程師，每天長時間的開發、寫程式碼，提升開發效率是必須的，趕快完成任務才能偷懶沒錯吧？我們必須在節省時間的情況下還能達到目的，除了程式碼的撰寫之外，還有開...
當我們在專案使用 Riverpod 後， 一定很長使用到 WidgetRef API，例如：ref.read()、ref.watch()、ref.listen...
現在開發手機app可以透過很多種方式，像是使用Kotlin（Android的官方開發語言）或是同時開發Android & Swift的Dart（用於Fl...
相信大家對於 Widget 的接觸已經很熟悉了，那 Widget 是誰在管理的？這時候要幫忙請出背後的主角了，也就是 Element，身為 Flutter 高...
大家好，今天我們要完成主頁的新聞瀏覽頁面，並加上無限捲軸的實作。畫面會如下圖：不過為什麼我們需要無限捲軸呢？試想一下，假設我們有 100 篇的新聞資料，這些新聞...
Yii Chen
bowrico
xianyu
Micro Jordan
bsj
iThome鐵人賽
看影片追技術