今日要點：》參賽。》下定決心發出第一篇文。 在報名截止前，發出第一篇文了，希望能跑完30天。 這系列是記錄初接觸 Flutter，完全沒寫過半行 Dart C...
updateChildren將會是我們目前看過最複雜的函數，不論是國內外都找不到深入剖析它的文件。所以趕快來成為全世界少數真正瞭解它的運作方式的人吧！誰知道呢？...
我覺得key是一個蠻奇妙的東西。它是Widget(base class)——整個Flutter中最重要的class——唯一的一個參數，但它的應用場景卻實在不是那...
大家在開發Flutter的時候應該免不了會使用到Plugin吧，或許你也已經熟悉幫助Plugin實現原生溝通的Platform Channel，甚至可能你自己就...
這個專案會有需要讓使用者進行儲值的動作，所以我們就要來設計一個選擇儲值金額的頁面，頁面上需要顯示目前的餘額、4種金額可以選取和前往付款的按鈕，今天我們會先從 U...
或：為什麼你以為的依賴注入可能不是依賴注入，如果你是從Flutter社群學到這個詞的話... 上一篇我們以MusicRecommender為例，說明了若在類別...
在 firebase 中最重要的部分就是，它提供了實時監聽的功能，當資料庫的狀態被改變時，我們能夠很及時的拿到更新後的資料，這個部分在 iOS 與 Androi...
總之，依賴注入就是為了使程式更有彈性，把class A需要的class B從外面傳入。好的講完了，可以收工了。什麼？還不到300字？好吧，繼續來混一些字數......
動態清單的使用 | 參數如何傳遞與接收？ 動態清單的使用 Dart 中 List 類型的使用 List 類型簡介, 可以簡單理解為 js 中的數組 聲明...
寫一寫覺得篇幅太大所以拆成兩篇來用完成，有什麼問題也可以直接留言詢問，那就讓我們開始對 firebase 的 database 做基本的操作吧。如果還沒部署成功...
目前在開發的這個應用沒有後端幫忙也沒有寫好的 api 可以使用，所以我們就只能自立自強了！自己開始寫後端架server，那我可能就沒時間在這邊發文了，還好有 g...
我保證這是渲染樹系列最後一篇了，我們將走訪完MyTimer的渲染和更新，看完你就會成為全台灣少數幾個真正瞭解三顆渲染樹運作方式的人了。還在看的人撐下去啊，終點就...
橫向列表和自訂群組件講解 橫向列表的使用 製作橫向列表, 小例子 @override Widget build(BuildContext context...
ListViewWidget 清單組件講解 ListView 元件的使用 基本 Flutter 框架 import 'package:flutter/mat...
在我們設定了許多第三方套件後，今天終於又可以好好來寫 code 了，看看我們目前的 homePgae 好像有點空，也不知道怎麼開始使用這個 app，這時候導覽頁...
接下來我們就要來實際走訪一次整個渲染流程，看看Flutter App是怎麼啟動，三顆渲染樹是怎麼從無到有被建立起來，又是怎麼更新的。 首先介紹一下這次要使用的範...
成功登入後我們會需要 user 的 token 給儲存起來，可以做為下次登入的依據，不用在重複登入，也可以在之後使用，這時候我們就會需要用到像 iOS 裡的 U...
上次我們從RichText出發，一步步摸索出了Widget, Element, RenderObject各自的責任，和彼此之間的相互關係。我們也看到RichTe...
ImageWidget 圖片元件講解 Image 圖片元件的使用 Image Widget 的幾種加入形式 Image.asset 資源圖片形式需慎用。...
在成功登入後會需要進入到應用的主畫面，這時我們就會需要 Navigator 跟 Route 來幫忙轉換頁面與傳遞資料。 Route 被 Navigator 管...
Widget Tree，Element Tree，RenderObject Tree，稍微接觸過Flutter一段時間的朋友應該或多或少都聽過這三顆鼎鼎大名的渲...
ContainerWidget 容器組件講解 Container 容器組件 如何興建容器組件 @override Widget build(BuildCon...
本文會先帶大家前往 FB 的開發者頁面，創建一個應用，透過這個應用，和第三方套件我們就能夠實現登入功能，跟取得 user 的一些資訊。 建立 FB 應用程式...
狀態管理是Flutter長久以來最熱門的話題之一，事實上這在Flutter社群已經火熱/渾沌到一個荒謬的境界了，幾乎每幾週就會有新的狀態管理套件出現...然後就...
TextWidget 文本元件 手把手使用一個最簡單的 TextWidget Flutter 一切皆組件 TextWidget 常用屬性 屬性 功能...
這應該也是很多人剛開始接觸Flutter時心裡會有的疑問，而對於當年逃離Java的魔掌，和Kotlin墜入愛河，度過兩年纏綿悱惻如膠似漆的生活的我來說，看到Da...
Dart 是屬於單一執行緒的程式語言，也就是說所有的程式碼都運行於同一個執行緒中，若是遇到如I/O操作或是http這種需要較長時間的操作時，將會阻礙執行緒的執行...
大致了解過常用的 widget 後我們可以開始來看看怎麼實作一個比較完整的登入畫面，因為這次的登入只使用到第三方登入所以就不會需要輸入帳號密碼， textvie...
首先讓我們回顧一下可愛的StatelessWidget： class Foo extends StatelessWidget { @override W...
預先準備 Widget Flutter 框架中的核心物件，他可以被加入到畫面的渲染樹中，如果有新的 Widget 將會被取代，不具備可變的狀態，我們也不會去...
Jason Hung
Joshua
Leo
Sherry Chen
iThome鐵人賽
看影片追技術