iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Mobile Development

30天 - Flutter 日常 系列

30天學會基本元件與專案架構,從杯麵魚板進化成火鍋魚板。

鐵人鍊成 | 共 30 篇文章 | 28 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day1] Flutter - 簡介

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

2021-09-01 ‧ 由 魚板伯爵 分享
DAY 2

[Day2] Flutter - 建置環境

Hi, 我是魚板伯爵今天要教大家如何建置環境 Flutter 開發環境。 Install Flutter (macOS) https://flutter.dev...

2021-09-02 ‧ 由 魚板伯爵 分享
DAY 3

[Day3] Flutter - 改變容器風格 ( Container )

前言 Hi, 我是魚板伯爵今天要教大家 Container 這個元件,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 Contain...

2021-09-03 ‧ 由 魚板伯爵 分享
DAY 4

[Day4] Flutter - 水平佈局容器 ( Row )

前言 Hi, 我是魚板伯爵今天要教大家 Row 這個容器,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 常用屬性 Row 裡面的容...

2021-09-04 ‧ 由 魚板伯爵 分享
DAY 5

[Day5] Flutter - 垂直佈局容器 ( Column )

前言 Hi, 我是魚板伯爵今天要教大家 Column 這個容器,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 常用屬性 Colum...

2021-09-05 ‧ 由 魚板伯爵 分享
DAY 6

[Day6] Flutter - 置中容器 ( Center )

前言 Hi, 我是魚板伯爵今天要教大家 Center 這個元件,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 Center 容器...

2021-09-06 ‧ 由 魚板伯爵 分享
DAY 7

[Day7] Flutter - 堆疊佈局 ( Stack、Positioned )

前言 Hi, 我是魚板伯爵今天要教大家 Stack(堆疊) 和 Positioned(位子),Stack可以讓子部件堆疊,Positioned 則可以根據四個邊...

2021-09-07 ‧ 由 魚板伯爵 分享
DAY 8

[Day8] Flutter - 顯示文字元件 ( Text )

前言 Hi, 我是魚板伯爵今天要教大家 Text 這個元件,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 Text Text文字顯...

2021-09-08 ‧ 由 魚板伯爵 分享
DAY 9

[Day9] Flutter - 按鈕元件 ( Button )

前言 Hi, 我是魚板伯爵今天要教大家 Button 這個元件,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 Button Ic...

2021-09-09 ‧ 由 魚板伯爵 分享
DAY 10

[Day10] Flutter - 文字輸入元件 ( TextField )

前言 Hi, 我是魚板伯爵今天要教大家 TextField 這個元件,這可以讓使用者用鍵盤輸入文字,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。...

2021-09-10 ‧ 由 魚板伯爵 分享