iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 24925 瀏覽

鐵人賽 Mobile Development DAY 10

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 10 篇

技術【Flutter基礎概念與實作】 Day10–Firebase與Bloc Design Pattern

今天會介紹如何設定Firebase auth並且新增「UserRepository」用來和Firebase溝通，以便驗證和取得使用者資訊。最後會提到一些Blo...

bju0ulhi0511 ‧ 2019-09-24

2 Like 3 留言 24012 瀏覽

鐵人賽 Mobile Development DAY 9

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 9 篇

技術【Flutter基礎概念與實作】 Day9–建立專案與App開頭動畫

今天開始專案的實作，我把App的取名為「FlutTube」其實就是Flutter和Youtube的合體，在這次的專案中會實作到以下幾個功能： Splash S...

bju0ulhi0511 ‧ 2019-09-23

0 Like 0 留言 2165 瀏覽

鐵人賽 Mobile Development DAY 3

Flutter 從零開始，Android、iOS一次搞定，重新挑戰。系列第 3 篇

技術 [Day3] Flutter 狀態管理之 Provider

因為之後會用到，所以先花一天篇幅介紹一下。當我們想要在組件與組件溝通的過程，當分支變得複雜，變得更多時，我們在做組建的溝通時就會變得相對困難。這時我們就需要...

kevinypfan ‧ 2019-09-19

0 Like 0 留言 12565 瀏覽

鐵人賽 Mobile Development DAY 12

30天手滑用Google Flutter解鎖Hybrid App成就系列第 12 篇

技術 30天Flutter手滑系列 - JSON與序列化(JSON and serialization)

在閱讀了前一天的文章30天Flutter手滑系列 - 狀態管理 (State Management)，似乎還有點懵懵懂懂。沒關係，後面我會以實做專案的方式一步一...

Raymond雷門 ‧ 2019-09-19

0 Like 1 留言 1514 瀏覽

鐵人賽 Mobile Development DAY 12

用 Flutter 開發一個 Android App 吧系列第 12 篇

技術用 Flutter 開發一個 Android App 吧 - Day 12. 關於頁面(AboutPage)

本系列同步發表在個人部落格，歡迎大家關注~ 關於頁面(AboutPage) 關於頁面中，目前只想顯示些簡單的資訊，App Icon、版本資訊、作者及 Li...

Bbsonlin ‧ 2019-09-21

0 Like 0 留言 2364 瀏覽

鐵人賽 Mobile Development DAY 11

用 Flutter 開發一個 Android App 吧系列第 11 篇

技術用 Flutter 開發一個 Android App 吧 - Day 11. 設定頁面

本系列同步發表在個人部落格，歡迎大家關注~ 設定頁面(SettingPage) 這次的鐵人賽在設定頁面上，我想完成 2 個設定功能，主題(Theme)和語...

Bbsonlin ‧ 2019-09-20

0 Like 0 留言 2083 瀏覽

鐵人賽 Mobile Development DAY 10

用 Flutter 開發一個 Android App 吧系列第 10 篇

技術用 Flutter 開發一個 Android App 吧 - Day 10. 趨勢頁面

本系列同步發表在個人部落格，歡迎大家關注~ 趨勢頁面(Trending Page) 好久沒從 UI 設計圖來分解該怎麼轉換成程式碼了。今天就看個分解圖吧...

Bbsonlin ‧ 2019-09-19

0 Like 0 留言 2193 瀏覽

鐵人賽 Mobile Development DAY 2

Flutter 從零開始，Android、iOS一次搞定，重新挑戰。系列第 2 篇

技術 [Day2] 新增代辦事項實作。

昨天我們做了代辦事項的主頁，我們接下來要新增待辦事項。第一步驟我們先建立新建事項的頁面，lib/screens/edit_todo_screen.dart c...

kevinypfan ‧ 2019-09-18

2 Like 0 留言 14422 瀏覽

鐵人賽 Mobile Development DAY 11

30天手滑用Google Flutter解鎖Hybrid App成就系列第 11 篇

技術 30天Flutter手滑系列 - 狀態管理 (State Management)

上一篇30天Flutter手滑系列 - 無狀態與有狀態Widgets (Stateless & Stateful widgets)，算是基礎的狀態管理教...

Raymond雷門 ‧ 2019-09-18

3 Like 0 留言 28520 瀏覽

鐵人賽 Mobile Development DAY 8

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 8 篇

技術【Flutter基礎概念與實作】 Day8–Package引用與管理

昨天認識了Flutter內的基礎Widget，也提供各位簡單的範例來練習。在範例中有使用到兩個package，「font_awesome_flutter」及「t...

bju0ulhi0511 ‧ 2019-09-22

1 Like 1 留言 12580 瀏覽

鐵人賽 Mobile Development DAY 10

30天手滑用Google Flutter解鎖Hybrid App成就系列第 10 篇

技術 30天Flutter手滑系列 - 無狀態與有狀態Widgets (Stateless & Stateful widgets)

結束上一篇30天Flutter手滑系列 - 導航與路由(Navigation & Routing)，我們透過範例，示範了在路由跳轉時傳遞參數，但我們都使...

Raymond雷門 ‧ 2019-09-17

1 Like 1 留言 1644 瀏覽

鐵人賽 Mobile Development DAY 1

Flutter 從零開始，Android、iOS一次搞定，重新挑戰。系列第 1 篇

技術 [Day 1] 萬年老梗，卻很實用之待辦清單。

前面因為一些因素中斷了比賽，決定在此重新參賽。先前連結那我們就廢話不多說直接進入，我們的重點待辦清單。我們先做我們的主頁面，如下圖。我的習慣會把頁面，放在...

kevinypfan ‧ 2019-09-17

0 Like 0 留言 7342 瀏覽

鐵人賽 Mobile Development DAY 3

Flutter 程式設計入門實戰 30 天系列第 3 篇

技術 Day 3 ：建立第一個 Flutter 應用程式專案

2024 最新 Flutter 教學－ Flutter 終極指南：連結從零開始學 Dart 程式設計：連結Flutter 程式設計入門實戰 30 天：連...

HKT 線上教室 ‧ 2019-09-18

1 Like 0 留言 42798 瀏覽

鐵人賽 Mobile Development DAY 2

Flutter 程式設計入門實戰 30 天系列第 2 篇

技術 Day 2：安裝 Flutter 開發環境

2024 最新 Flutter 教學－ Flutter 終極指南：連結從零開始學 Dart 程式設計：連結Flutter 程式設計入門實戰 30 天：連...

HKT 線上教室 ‧ 2019-09-17

0 Like 0 留言 22216 瀏覽

鐵人賽 Mobile Development DAY 9

30天手滑用Google Flutter解鎖Hybrid App成就系列第 9 篇

技術 30天Flutter手滑系列 - 導航與路由(Navigation & Routing)

在結束上一篇30天Flutter手滑系列 - 布局組件(Layout Widgets)(下)後，基礎的UI概念應該已經有了，接下來會介紹同樣很重要的導航與路由。...

Raymond雷門 ‧ 2019-09-16

0 Like 0 留言 1727 瀏覽

鐵人賽 Mobile Development DAY 9

用 Flutter 開發一個 Android App 吧系列第 9 篇

技術用 Flutter 開發一個 Android App 吧 - Day 9. 個人頁面(續)

本系列同步發表在個人部落格，歡迎大家關注~ 個人頁面(Profile Page) - 續我們接續昨天的部份，接下來要完成個人頁面的下半部。首先，第一個...

Bbsonlin ‧ 2019-09-18

3 Like 3 留言 36838 瀏覽

鐵人賽 Mobile Development DAY 7

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 7 篇

技術【Flutter基礎概念與實作】 Day7–Flutter Basic Widgets

今天我們就從Basic Widget開始介紹。 Flutter官網列舉的Basic Widget共有11個，不過在這我只會提到Appbar、Column、Row...

bju0ulhi0511 ‧ 2019-09-21

0 Like 0 留言 3356 瀏覽

鐵人賽 Mobile Development DAY 8

用 Flutter 開發一個 Android App 吧系列第 8 篇

技術用 Flutter 開發一個 Android App 吧 - Day 8. 再修 Bug、個人頁面

本系列同步發表在個人部落格，歡迎大家關注~ 欸!? 還沒改完? 恩... 越看越多東西需要修改一下... 那麼接續昨天的議題。 Login Page...

Bbsonlin ‧ 2019-09-17

0 Like 0 留言 3701 瀏覽

鐵人賽 Mobile Development DAY 7

用 Flutter 開發一個 Android App 吧系列第 7 篇

技術用 Flutter 開發一個 Android App 吧 - Day 7. 頁面刷新、修一些 Bug

本系列同步發表在個人部落格，歡迎大家關注~ 頁面刷新(Page Refresh) 和 StatefulWidget 今天來完成一下頁面刷新的部份，先拿 D...

Bbsonlin ‧ 2019-09-16

3 Like 3 留言 46316 瀏覽

鐵人賽 Mobile Development DAY 6

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 6 篇

技術【Flutter基礎概念與實作】 Day6–Flutter Hello World!

今天開始我們正式進入Flutter的世界，大家應該都有安裝好Flutter SDK並選擇自己習慣的IDE了吧(若還沒設定好，可以參考Day1的安裝教學)。更...

bju0ulhi0511 ‧ 2019-09-20

0 Like 0 留言 6011 瀏覽

鐵人賽 Mobile Development DAY 8

30天手滑用Google Flutter解鎖Hybrid App成就系列第 8 篇

技術 30天Flutter手滑系列 - 布局組件(Layout Widgets)(下)

好的Layout讓你的UI畫面看起來很有那麼一回事，後端code再爛都沒關係，接續上一篇30天Flutter手滑系列 - 布局組件(Layout Widgets...

Raymond雷門 ‧ 2019-09-15

0 Like 0 留言 8135 瀏覽

鐵人賽 Mobile Development DAY 7

30天手滑用Google Flutter解鎖Hybrid App成就系列第 7 篇

技術 30天Flutter手滑系列 - 布局組件(Layout Widgets)(上)

在前一篇30天Flutter手滑系列 - 文字(Text Widgets)、圖片相關組件(Assets, Images, Icon Widgets)與文字輸入(...

Raymond雷門 ‧ 2019-09-14

5 Like 2 留言 52728 瀏覽

鐵人賽 Mobile Development DAY 5

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 5 篇

技術【Flutter基礎概念與實作】 Day5–Dart Language(3)

今天是介紹Dart的最後一天了，來學如何定義class(類別)以及使用async(非同步)吧。 Class 物件跟類別的概念在這邊就不多解釋了，今天主要以例子來...

bju0ulhi0511 ‧ 2019-09-19

2 Like 0 留言 46530 瀏覽

鐵人賽 Mobile Development DAY 4

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 4 篇

技術【Flutter基礎概念與實作】 Day4–Dart Language(2)

昨天介紹了Dart的型態以及定義function的方法，今天來看看流程控制以及例外處理吧。 Dart的流程控制跟其他語言沒有差異，該有的都有，if-else、w...

bju0ulhi0511 ‧ 2019-09-18

5 Like 0 留言 67404 瀏覽

鐵人賽 Mobile Development DAY 3

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 3 篇

達標好文技術【Flutter基礎概念與實作】 Day3–Dart Language(1)

Dart屬於物件導向語言，假如你之前寫過Java、JavaScript或是其他物件導向語言相信很快就能夠上手，因為程式語言的語法其實大同小異，而且Ｄart還擁有...

bju0ulhi0511 ‧ 2019-09-17

5 Like 1 留言 80339 瀏覽

鐵人賽 Mobile Development DAY 2

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 2 篇

達標好文技術【Flutter基礎概念與實作】 Day2–Flutter v.s React Native

今天的內容著重在Flutter的特色介紹以及和React Native的比較。如果你還在猶豫該學Flutter還是React Native，希望今天的內容對你的...

bju0ulhi0511 ‧ 2019-09-16

35 Like 5 留言 266097 瀏覽

鐵人賽 Mobile Development DAY 1

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 1 篇

達標好文技術【Flutter基礎概念與實作】 Day1–Flutter是什麼，能吃嗎?

前言大家好，我目前是清大資應所碩二的學生，應實驗室同學邀請一起報名參加鐵人賽。選Flutter作為主題是因為近年來跨平台框架正夯，而Flutter由於發展較晚...

bju0ulhi0511 ‧ 2019-09-15

0 Like 1 留言 5241 瀏覽

鐵人賽 Mobile Development DAY 6

30天手滑用Google Flutter解鎖Hybrid App成就系列第 6 篇

技術 30天Flutter手滑系列 - 文字(Text Widgets)、圖片相關組件(Assets, Images, Icon Widgets)與文字輸入(Input Widgets)

在上一篇30天Flutter手滑系列 - 基本組件(Basic Widgets)，介紹了基本會用的Widgets外，接下來這篇也是一定會用到的文字與圖片Widg...

Raymond雷門 ‧ 2019-09-13

3 Like 1 留言 8955 瀏覽

鐵人賽 Mobile Development DAY 5

30天手滑用Google Flutter解鎖Hybrid App成就系列第 5 篇

技術 30天Flutter手滑系列 - 基本組件(Basic Widgets)

誠如先前文章所說，Flutter由許多Widgets去組成整個App，從這章節開始會從UI相關的Ｗidgets開始介紹，順便了解不同Widgets的名稱在Mob...

Raymond雷門 ‧ 2019-09-12

3 Like 2 留言 16512 瀏覽

鐵人賽 Mobile Development DAY 1

Flutter 程式設計入門實戰 30 天系列第 1 篇

技術 Day 1：為什麼要用 Flutter ?

2024 最新 Flutter 教學－ Flutter 終極指南：連結從零開始學 Dart 程式設計：連結Flutter 程式設計入門實戰 30 天：連...

HKT 線上教室 ‧ 2019-09-16

技術 【Flutter基礎概念與實作】 Day10–Firebase與Bloc Design Pattern

技術 【Flutter基礎概念與實作】 Day9–建立專案與App開頭動畫

技術 [Day3] Flutter 狀態管理之 Provider

技術 30天Flutter手滑系列 - JSON與序列化(JSON and serialization)

技術 用 Flutter 開發一個 Android App 吧 - Day 12. 關於頁面(AboutPage)

技術 用 Flutter 開發一個 Android App 吧 - Day 11. 設定頁面

技術 用 Flutter 開發一個 Android App 吧 - Day 10. 趨勢頁面

技術 [Day2] 新增代辦事項實作。

技術 30天Flutter手滑系列 - 狀態管理 (State Management)

技術 【Flutter基礎概念與實作】 Day8–Package引用與管理

技術 30天Flutter手滑系列 - 無狀態與有狀態Widgets (Stateless & Stateful widgets)

技術 [Day 1] 萬年老梗，卻很實用之待辦清單。

技術 Day 3 ：建立第一個 Flutter 應用程式專案

技術 Day 2：安裝 Flutter 開發環境

技術 30天Flutter手滑系列 - 導航與路由(Navigation & Routing)

技術 用 Flutter 開發一個 Android App 吧 - Day 9. 個人頁面(續)

技術 【Flutter基礎概念與實作】 Day7–Flutter Basic Widgets

技術 用 Flutter 開發一個 Android App 吧 - Day 8. 再修 Bug、個人頁面

技術 用 Flutter 開發一個 Android App 吧 - Day 7. 頁面刷新、修一些 Bug

技術 【Flutter基礎概念與實作】 Day6–Flutter Hello World!

技術 30天Flutter手滑系列 - 布局組件(Layout Widgets)(下)

技術 30天Flutter手滑系列 - 布局組件(Layout Widgets)(上)

技術 【Flutter基礎概念與實作】 Day5–Dart Language(3)

技術 【Flutter基礎概念與實作】 Day4–Dart Language(2)

達標好文 技術 【Flutter基礎概念與實作】 Day3–Dart Language(1)

達標好文 技術 【Flutter基礎概念與實作】 Day2–Flutter v.s React Native

達標好文 技術 【Flutter基礎概念與實作】 Day1–Flutter是什麼，能吃嗎?

技術 30天Flutter手滑系列 - 文字(Text Widgets)、圖片相關組件(Assets, Images, Icon Widgets)與文字輸入(Input Widgets)

技術 30天Flutter手滑系列 - 基本組件(Basic Widgets)

技術 Day 1：為什麼要用 Flutter ?

標記使用者

技術【Flutter基礎概念與實作】 Day10–Firebase與Bloc Design Pattern

技術【Flutter基礎概念與實作】 Day9–建立專案與App開頭動畫

技術用 Flutter 開發一個 Android App 吧 - Day 12. 關於頁面(AboutPage)

技術用 Flutter 開發一個 Android App 吧 - Day 11. 設定頁面

技術用 Flutter 開發一個 Android App 吧 - Day 10. 趨勢頁面

技術【Flutter基礎概念與實作】 Day8–Package引用與管理

技術用 Flutter 開發一個 Android App 吧 - Day 9. 個人頁面(續)

技術【Flutter基礎概念與實作】 Day7–Flutter Basic Widgets

技術用 Flutter 開發一個 Android App 吧 - Day 8. 再修 Bug、個人頁面

技術用 Flutter 開發一個 Android App 吧 - Day 7. 頁面刷新、修一些 Bug

技術【Flutter基礎概念與實作】 Day6–Flutter Hello World!

技術【Flutter基礎概念與實作】 Day5–Dart Language(3)

技術【Flutter基礎概念與實作】 Day4–Dart Language(2)

達標好文技術【Flutter基礎概念與實作】 Day3–Dart Language(1)

達標好文技術【Flutter基礎概念與實作】 Day2–Flutter v.s React Native

達標好文技術【Flutter基礎概念與實作】 Day1–Flutter是什麼，能吃嗎?