寫一寫覺得篇幅太大所以拆成兩篇來用完成，有什麼問題也可以直接留言詢問，那就讓我們開始對 firebase 的 database 做基本的操作吧。如果還沒部署成功...
目前在開發的這個應用沒有後端幫忙也沒有寫好的 api 可以使用，所以我們就只能自立自強了！自己開始寫後端架server，那我可能就沒時間在這邊發文了，還好有 g...
我保證這是渲染樹系列最後一篇了，我們將走訪完MyTimer的渲染和更新，看完你就會成為全台灣少數幾個真正瞭解三顆渲染樹運作方式的人了。還在看的人撐下去啊，終點就...
橫向列表和自訂群組件講解 橫向列表的使用 製作橫向列表, 小例子 @override Widget build(BuildContext context...
接下來我們就要來實際走訪一次整個渲染流程，看看Flutter App是怎麼啟動，三顆渲染樹是怎麼從無到有被建立起來，又是怎麼更新的。 首先介紹一下這次要使用的範...
ListViewWidget 清單組件講解 ListView 元件的使用 基本 Flutter 框架 import 'package:flutter/mat...
在我們設定了許多第三方套件後，今天終於又可以好好來寫 code 了，看看我們目前的 homePgae 好像有點空，也不知道怎麼開始使用這個 app，這時候導覽頁...
上次我們從RichText出發，一步步摸索出了Widget, Element, RenderObject各自的責任，和彼此之間的相互關係。我們也看到RichTe...
成功登入後我們會需要 user 的 token 給儲存起來，可以做為下次登入的依據，不用在重複登入，也可以在之後使用，這時候我們就會需要用到像 iOS 裡的 U...
ImageWidget 圖片元件講解 Image 圖片元件的使用 Image Widget 的幾種加入形式 Image.asset 資源圖片形式需慎用。...
Widget Tree，Element Tree，RenderObject Tree，稍微接觸過Flutter一段時間的朋友應該或多或少都聽過這三顆鼎鼎大名的渲...
在成功登入後會需要進入到應用的主畫面，這時我們就會需要 Navigator 跟 Route 來幫忙轉換頁面與傳遞資料。 Route 被 Navigator 管...
ContainerWidget 容器組件講解 Container 容器組件 如何興建容器組件 @override Widget build(BuildCon...
狀態管理是Flutter長久以來最熱門的話題之一，事實上這在Flutter社群已經火熱/渾沌到一個荒謬的境界了，幾乎每幾週就會有新的狀態管理套件出現...然後就...
本文會先帶大家前往 FB 的開發者頁面，創建一個應用，透過這個應用，和第三方套件我們就能夠實現登入功能，跟取得 user 的一些資訊。 建立 FB 應用程式...
TextWidget 文本元件 手把手使用一個最簡單的 TextWidget Flutter 一切皆組件 TextWidget 常用屬性 屬性 功能...
這應該也是很多人剛開始接觸Flutter時心裡會有的疑問，而對於當年逃離Java的魔掌，和Kotlin墜入愛河，度過兩年纏綿悱惻如膠似漆的生活的我來說，看到Da...
大致了解過常用的 widget 後我們可以開始來看看怎麼實作一個比較完整的登入畫面，因為這次的登入只使用到第三方登入所以就不會需要輸入帳號密碼， textvie...
Dart 是屬於單一執行緒的程式語言，也就是說所有的程式碼都運行於同一個執行緒中，若是遇到如I/O操作或是http這種需要較長時間的操作時，將會阻礙執行緒的執行...
Dart是一個物件導向語言，同時支持混入(mixin)的繼承機制。每個物件都是一個類別的實體，所有的類別都繼承於object。基於Mixin的繼承意味著每個類別...
首先讓我們回顧一下可愛的StatelessWidget： class Foo extends StatelessWidget { @override W...
預先準備 Widget Flutter 框架中的核心物件，他可以被加入到畫面的渲染樹中，如果有新的 Widget 將會被取代，不具備可變的狀態，我們也不會去...
總之先上個圖。雖然這系列的定位主要是針對正在學習或已經有些經驗的Flutter開發者，深入探討一些開發過程中，大家可能比較「知其然而不知其所以然」的問題。但在一...
在今年初剛接觸 Flutter 就有需求需要做跨平台的開發，剛好有機會可以拿來練習，但是因為本人拖延症嚴重，沒有人逼我感覺就會偷懶，希望透過鐵人賽好好矯正自己懶...
入門介紹 (Introduction) Flutter is Google’s UI toolkit for building beautiful, nati...
if else if else 的條件值必須是布林,不能是其他的型態， else 是選項。 if (isRaining()) { you.bringRain...
運算子 說明 運算子 範例 一元後置 expr++,expr--,(),[],.,?. i++, i--, const[1,0],Test.fun...
Functions 函數(方法) 在Dart語言，函數是物件也是一種叫做Function的型態(type)。因此，Function可以當成變數，也可以當做其他函...
Dart 簡介 Dart 是由 google 主導並開發的語言。可搭配也是 google 主導的 flutter 平台框架，一套程式可以開發 Android、i...
中國有中文社區網站 有完整的安裝介紹及使用教學範例可以參考Flutter中文社區，Flutter中文網 1.安裝sdk flutter 官方網站下載可以直接下載...
Leo
Joshua
Sherry Chen
iThome鐵人賽
看影片追技術