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

2 Like 1 留言 1406 瀏覽

鐵人賽 Mobile Development DAY 7

iOS Developer Learning Flutter 系列第 7 篇

技術 iOS Developer Learning Flutter. Lesson6 文字顯示與輸入

去年滿無聊的做了一張iOS與Android元件比較圖不過今年我知道錯了聽說Flutter的元件有330個以上我可列不完XD不過Flutter不愧是UI框架很多以...

MarkFly～ ‧ 2020-09-22

0 Like 0 留言 1125 瀏覽

鐵人賽 Mobile Development DAY 21

Why Flutter why? 從表層到底層，從如何到為何。系列第 21 篇

技術 days[20] = "Render Pipeline是怎麼運作的？"

我們在之前的文章中已經花了不少的篇幅來探索Flutter的三顆渲染樹是怎麼運作的，不過其實這也只是整個Flutter Render Pipeline的一部分而已...

Joshua ‧ 2020-09-21

0 Like 0 留言 4983 瀏覽

鐵人賽 Mobile Development DAY 7

「Google Flutter」學習筆記系列第 7 篇

技術【Day 7】Flutter-UI-Kit - 一組常用UI的合集

今日要點》介紹 Flutter-UI-Kit 專案》下載並編譯 Flutter-UI-Kit 專案介紹 Flutter-UI-Kit 專案今天要介紹的Gi...

Jason Hung ‧ 2020-09-21

0 Like 0 留言 1627 瀏覽

鐵人賽 Mobile Development DAY 20

Why Flutter why? 從表層到底層，從如何到為何。系列第 20 篇

技術 days[19] = "Event Loop是怎麼運作的？"

我們在昨天的文章裡提到，每一個Isolate只會有單一執行緒，而我們在這個執行緒上所有的異步處理，都是靠Event Loop機制來完成的。今天我們就繼續來看看這...

Joshua ‧ 2020-09-20

2 Like 1 留言 7404 瀏覽

鐵人賽 Mobile Development DAY 6

「Google Flutter」學習筆記系列第 6 篇

技術【Day 6】Best-Flutter-UI-Templates - 超霸氣的自由宣言專案

今日要點》介紹 Best-Flutter-UI-Templates 專案》下載並編譯 Best-Flutter-UI-Templates 專案介紹 Best...

Jason Hung ‧ 2020-09-20

2 Like 0 留言 1650 瀏覽

鐵人賽 Mobile Development DAY 5

iOS Developer Learning Flutter 系列第 5 篇

技術 iOS Developer Learning Flutter. Lesson4 畫面佈局

我認為學習前端技術的第一步都是先了解如何layout再去學習各個Components的特性接著再逐漸擴展到其他功能(例如打API之類的)而Flutter的lay...

MarkFly～ ‧ 2020-09-20

0 Like 1 留言 3233 瀏覽

鐵人賽 Mobile Development DAY 19

Why Flutter why? 從表層到底層，從如何到為何。系列第 19 篇

技術 days[18] = "Isolate是怎麼運作的？"

很久很久以前，我還在寫Android的時候，要做異步處理有很多選擇。從早期的AsyncTask，中期的Rx，到後來的Coroutine，不只是異步處理的語法越來...

Joshua ‧ 2020-09-19

0 Like 0 留言 2317 瀏覽

鐵人賽 Mobile Development DAY 5

「Google Flutter」學習筆記系列第 5 篇

技術【Day 5】flutter_layout_article - 即使是初學者也必須知道的高級佈局規則

今日要點》前言》介紹 flutter_layout_article 專案》下載並編譯 flutter_layout_article 專案前言好，前面開發環...

Jason Hung ‧ 2020-09-19

2 Like 0 留言 2376 瀏覽

鐵人賽 Mobile Development DAY 4

iOS Developer Learning Flutter 系列第 4 篇

技術 iOS Developer Learning Flutter. Lesson3 頁面跳轉

終於到了寫code的部分了 Talk is cheap. Show me the code. 接下來我們趕快來看看如何讓Flutter動起來吧 1. 關於W...

MarkFly～ ‧ 2020-09-19

0 Like 0 留言 3257 瀏覽

鐵人賽 Mobile Development DAY 18

Why Flutter why? 從表層到底層，從如何到為何。系列第 18 篇

技術 days[17] = "為什麼你應該嘗試從Provider升級到Riverpod？（下）"

讓我們從複習一下InheritedWidget開始，這是我能做到的最簡單的InheritedWidget範例。可以看到，除了我們必須改為繼承長得跟Statele...

Joshua ‧ 2020-09-18

1 Like 0 留言 2688 瀏覽

鐵人賽 Mobile Development DAY 4

「Google Flutter」學習筆記系列第 4 篇

技術【Day 4】Flutter MaterialApp UI 架構

今日要點》Flutter MaterialApp 程式樣貌為了把你推進 Flutter 坑裡, 今天來簡單介紹一下 Flutter 的樣子。 class M...

Jason Hung ‧ 2020-09-18

1 Like 0 留言 1532 瀏覽

鐵人賽 Mobile Development DAY 3

iOS Developer Learning Flutter 系列第 3 篇

技術 iOS Developer Learning Flutter. Lesson2 第一印象

1. App的靈魂：icon 我個人覺得icon是一個專案很重要的部分就像Avatar一樣是一個第一印象是你識別他很重要的來源所以我只要開了新的專案第一件事一定...

MarkFly～ ‧ 2020-09-18

0 Like 1 留言 3775 瀏覽

鐵人賽 Mobile Development DAY 17

Why Flutter why? 從表層到底層，從如何到為何。系列第 17 篇

技術 days[16] = "為什麼你應該嘗試從Provider升級到Riverpod？（上）"

因為Riverpod是由Provider的作者Rémi Rousselet重新打造的Provider威力加強版。好講完了，可以收工了。什麼？又不到300字？好吧...

Joshua ‧ 2020-09-17

1 Like 0 留言 5837 瀏覽

鐵人賽 Mobile Development DAY 3

「Google Flutter」學習筆記系列第 3 篇

技術【Day 3】常用的 Flutter 指令

今日要點》常用的 Flutter 指令　指令：flutter doctor / flutter doctor -v　指令：flutter create app的...

Jason Hung ‧ 2020-09-17

1 Like 0 留言 1915 瀏覽

鐵人賽 Mobile Development DAY 2

iOS Developer Learning Flutter 系列第 2 篇

技術 iOS Developer Learning Flutter. Lesson1 依然哈囉

學習所有語言首先永遠是跟世界打招呼目的在於確立開發環境的建立是否成功 1. 環境建立 step1 以往iOS或Android開發的第一步都是先下載IDE而開發F...

MarkFly～ ‧ 2020-09-17

0 Like 0 留言 2093 瀏覽

鐵人賽 Mobile Development DAY 16

Why Flutter why? 從表層到底層，從如何到為何。系列第 16 篇

技術 days[15] = "為什麼你應該使用StatelessWidget而非Functional Widget?"

相信大家應該都遇過這種狀況： Column( children: [ Text("FOO", style: Te...

Joshua ‧ 2020-09-16

1 Like 0 留言 3823 瀏覽

鐵人賽 Mobile Development DAY 2

「Google Flutter」學習筆記系列第 2 篇

技術【Day 2】準備 Flutter 環境與 Hello World

今日要點》準備 Flutter 執行環境　1 - 把 Flutter SDK 下載回來。　2 - 跟 Mac OS 說：Flutter你在那兒！　3 - 預先下...

Jason Hung ‧ 2020-09-16

1 Like 1 留言 1823 瀏覽

鐵人賽 Mobile Development DAY 1

iOS Developer Learning Flutter 系列第 1 篇

技術 iOS Developer Learning Flutter. Lesson0 開場白

哈囉咪那桑又到了一年一度的鐵(ㄗˋ)人(ㄌㄩㄝˋ)賽了今年《iOS Developer Learning》系列的主題是Flutter本來之前一直想學React...

MarkFly～ ‧ 2020-09-16

0 Like 0 留言 1704 瀏覽

鐵人賽 Mobile Development DAY 15

Why Flutter why? 從表層到底層，從如何到為何。系列第 15 篇

技術 days[14] = "想瞭解Hot Reload如何運作，就自己來實作！"

對，我說真的，今天的內容其實沒有很難。我們只需要稍微把Dart VM叫出來溝通一下，全部程式碼頂多30行，也沒有什麼複雜難理解的邏輯。最重要的是這很有趣，一起來...

Joshua ‧ 2020-09-15

0 Like 1 留言 1257 瀏覽

鐵人賽 Mobile Development DAY 6

老姐好像要用 Kotlin 寫專案，能撐30天嗎？系列第 6 篇

技術眺望統一的第六天：App 設計和 Kotlin range 亂數

「喔喔，臉色變好了啊。」坐隔壁的喵先生，向正要下班的我們打招呼。因為桌上有很多貓咪玩偶，所以大家都叫他喵先生。「對呀，稍微調整了一下作息。」老姐抬手做了一個眺...

Kate ‧ 2020-09-15 ‧團隊Kotlin 鐵人陣

1 Like 2 留言 1538 瀏覽

鐵人賽 Mobile Development DAY 1

「Google Flutter」學習筆記系列第 1 篇

技術【Day 1】前言

今日要點：》參賽。》下定決心發出第一篇文。在報名截止前，發出第一篇文了，希望能跑完30天。這系列是記錄初接觸 Flutter，完全沒寫過半行 Dart C...

Jason Hung ‧ 2020-09-15

0 Like 0 留言 2131 瀏覽

鐵人賽 Mobile Development DAY 14

Why Flutter why? 從表層到底層，從如何到為何。系列第 14 篇

技術 days[13] = "IntelliJ/AS做得比VSCode好的幾件事"

老實說這系列真的是寫到心很累，總之今天大家就稍微輕鬆一點，來戰個IDE吧。最近因為工作的關係，一下寫web(WebStorm)一下寫backend(Intel...

Joshua ‧ 2020-09-14

0 Like 0 留言 1280 瀏覽

鐵人賽 Mobile Development DAY 13

Why Flutter why? 從表層到底層，從如何到為何。系列第 13 篇

技術 days[12] = "key是如何影響updateChildren的？"

updateChildren將會是我們目前看過最複雜的函數，不論是國內外都找不到深入剖析它的文件。所以趕快來成為全世界少數真正瞭解它的運作方式的人吧！誰知道呢？...

Joshua ‧ 2020-09-13

0 Like 0 留言 1923 瀏覽

鐵人賽 Mobile Development DAY 12

Why Flutter why? 從表層到底層，從如何到為何。系列第 12 篇

技術 days[11] = "為什麼要有key？"

我覺得key是一個蠻奇妙的東西。它是Widget(base class)——整個Flutter中最重要的class——唯一的一個參數，但它的應用場景卻實在不是那...

Joshua ‧ 2020-09-12

0 Like 0 留言 2538 瀏覽

鐵人賽 Mobile Development DAY 11

Why Flutter why? 從表層到底層，從如何到為何。系列第 11 篇

技術 days[10] = "Plugin是怎麼運作的？"

大家在開發Flutter的時候應該免不了會使用到Plugin吧，或許你也已經熟悉幫助Plugin實現原生溝通的Platform Channel，甚至可能你自己就...

Joshua ‧ 2020-09-11

0 Like 0 留言 1013 瀏覽

鐵人賽 Mobile Development DAY 11

Flutter App 開發實戰系列第 11 篇

技術來做個儲值頁面吧 [DAY 11]

這個專案會有需要讓使用者進行儲值的動作，所以我們就要來設計一個選擇儲值金額的頁面，頁面上需要顯示目前的餘額、4種金額可以選取和前往付款的按鈕，今天我們會先從 U...

Leo ‧ 2020-09-11

1 Like 0 留言 2513 瀏覽

鐵人賽 Mobile Development DAY 10

Why Flutter why? 從表層到底層，從如何到為何。系列第 10 篇

技術 days[9] = "為什麼需要依賴注入？（下）"

或：為什麼你以為的依賴注入可能不是依賴注入，如果你是從Flutter社群學到這個詞的話... 上一篇我們以MusicRecommender為例，說明了若在類別...

Joshua ‧ 2020-09-10

1 Like 0 留言 1454 瀏覽

鐵人賽 Mobile Development DAY 10

Flutter App 開發實戰系列第 10 篇

技術專案的好幫手 Firebase ｜補充篇 [DAY 10]

在 firebase 中最重要的部分就是，它提供了實時監聽的功能，當資料庫的狀態被改變時，我們能夠很及時的拿到更新後的資料，這個部分在 iOS 與 Androi...

Leo ‧ 2020-09-10

1 Like 0 留言 1684 瀏覽

鐵人賽 Mobile Development DAY 9

Why Flutter why? 從表層到底層，從如何到為何。系列第 9 篇

技術 days[8] = "為什麼需要依賴注入？（上）"

總之，依賴注入就是為了使程式更有彈性，把class A需要的class B從外面傳入。好的講完了，可以收工了。什麼？還不到300字？好吧，繼續來混一些字數......

Joshua ‧ 2020-09-09

0 Like 0 留言 1919 瀏覽

鐵人賽 Mobile Development DAY 9

Dart & Flutter - 學寫App | 菜鳥筆記 | 堅持30天挑戰系列第 9 篇

技術 Flutter 常用組件講解 | ListViewWidget | 動態清單

動態清單的使用 | 參數如何傳遞與接收？動態清單的使用 Dart 中 List 類型的使用 List 類型簡介, 可以簡單理解為 js 中的數組聲明...

Sherry Chen ‧ 2020-09-09