Flutter 001 - 日常

前言

Hi, 本次的教學前面都是基本的元件為主，後面會利用前面所學以DDD(Domain Driven Design)的架構來實作一個App。

Flutter 好處

Flutter 可以使用同一個程式碼進行跨平台開發，並將開發出來的 App 部署在 iOS、Android、Web，而在眾多跨平台開發架構中 Flutter 的效能又是最為出眾的。

目錄

• [Day1] Flutter - 簡介
• [Day2] Flutter - 建置環境

容器

• [Day3] Flutter - 改變容器風格 ( Container )
• [Day4] Flutter - 水平佈局容器 ( Row )
• [Day5] Flutter - 垂直佈局容器 ( Column )
• [Day6] Flutter - 堆疊佈局容器 ( Stack、Positioned )
• [Day7] Flutter - 置中容器 ( Center )

元件

• [Day8] Flutter - 顯示文字元件 ( Text )
• [Day9] Flutter - 按鈕元件 ( Button )
• [Day10] Flutter - 文字輸入元件 ( TextField )
• [Day11] Flutter - StatelessWidget & StatfulWidget 差別

套件

• [Day12] Flutter - 場景路徑與轉換 ( Auto Router )
• [Day13] Flutter - 管理程式碼好幫手 ( Bloc )
• [Day14] Flutter - 怎麼串接API ( Http )
• [Day15] Flutter - 大海撈針不是辦法 ( Dartz )
• [Day16] Flutter - Firebase Authentication & Google Sign-In ( IOS & Android )

專案

• [Day17] Flutter - Architecture: Domain Driven Design (part1)
• [Day18] Flutter - Environment (part2)
• [Day19] Flutter - Const: Shared (part3)
• [Day20] Flutter - Theme: Dark mode & Light mode (part4)
• [Day21] Flutter - Presentation AutoRouter (part5)
• [Day22] Flutter - Infrastructure Authentication (part6)
• [Day23] Flutter - Domain Error Handle (part7)
• [Day24] Flutter - Application Login (part8)
• [Day25] Flutter - Application Authentication (part9)
• [Day26] Flutter - Presentation Login & Splash Screen (part10)
• [Day27] Flutter - Infrastructure Click Game (part11)
• [Day28] Flutter - Application Click Game (part12)
• [Day29] Flutter - Presentation Click Game Screen (part13)
• [Day30] Flutter - Flutter App Icon (part14)

Note:

即便熟悉原生，但擴展自己的技能樹不會有壞處。