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

0 Like 0 留言 1885 瀏覽

鐵人賽 Mobile Development DAY 28

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

技術 days[27] = "為什麼Flutter的渲染樹這麼複雜？（中）"

我們在上一篇提到，Flutter之所以有三顆渲染樹，而其中的各種演算法和機制之所以如此複雜，一切都是為了支援Flutter激進式複合的設計理念，讓我們可以在開發...

Joshua ‧ 2020-09-28

0 Like 0 留言 1877 瀏覽

鐵人賽自我挑戰組

C++30日挑戰之旅系列第 35 篇

技術【WIDE LAB紀錄 Day5】 Dart語言阿囉哈

壹、前情提要一、暫不處理由 VSCode No Device的問題，直接往Dart語言研究由本篇可知，VSCode可藉由套件run Simulator，但它...

xianyu ‧ 2023-02-06

0 Like 0 留言 1868 瀏覽

鐵人賽 Mobile Development DAY 12

Flutter with GetX, loading*175%歷程系列第 12 篇

技術 [Day12] Flutter with GetX cached_network_image 圖片緩存

cached_network_image 圖片緩存原生平台 iOS的話是Swift Kingfisher 我們一樣先再次封裝一層,construct給imag...

Clark紹安 ‧ 2021-09-26

0 Like 0 留言 1858 瀏覽

鐵人賽 Mobile Development DAY 7

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

技術 [Day7] Flutter Drawer 側邊導覽列。

我想在我的待辦清單加上群組的概念，讓我可以加上代辦清單加上群組功能。讓我們可以分類我們的選項。未來也有想做使用者登入，與同步資料相關功能，所以把使用者畫面留在...

kevinypfan ‧ 2019-09-23

2 Like 0 留言 1844 瀏覽

技術 IoT Project ( Flutter + Python + ZigBee ) 冒險闖關記 -- Part 2

In time, you will call me master -- Star Wars ZigBee to Firestore (衝呀) : 事情是...

CyberCatLu ‧ 2020-07-16

0 Like 0 留言 1825 瀏覽

鐵人賽 Mobile Development DAY 3

Flutter / Dart 跨平台App開發體驗系列第 3 篇

技術 Flutter體驗 Day 3-Dart CheatSheet (1)

Dart CheatSheet (1) 雖然不一定要掌握 Dart 才可以開始 Flutter 的開發工作，不過至少要理解基礎的語法結構以及語言的特性。 Dar...

Leo ‧ 2021-09-11 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 1824 瀏覽

鐵人賽 Modern Web DAY 28

Flutter web 的奇妙冒險系列第 28 篇

技術 Day 28 | 狀態管理-從官方範例來看如何使用BLoC

那今天我們就來使用bloc及flutter_bloc 這兩個來實作範例，基本上我們在實作BLoC pattern時我們都會切分成三層分別是：資料層、BLoC層、...

Todd ‧ 2021-10-11

0 Like 0 留言 1822 瀏覽

鐵人賽 Mobile Development DAY 19

Flutter / Dart 跨平台App開發體驗系列第 19 篇

技術 Flutter體驗 Day 19-InheritedWidget

功能組件-InheritedWidget InheritedWidget是一個具有特殊功能的組件，它提供可以將資料從 widget 從上到下傳遞的功能，達到共享...

Leo ‧ 2021-09-27 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 1 留言 1812 瀏覽

鐵人賽 Mobile Development DAY 30

Flutter with GetX, loading*175%歷程系列第 30 篇

技術 [Day30] Flutter with GetX flutter_WebRTC

Flutter_WebRTC 本篇需搭配後疫情時代的WebRTC微學習 Day28服用用docker建立本地的turn server & signal...

Clark紹安 ‧ 2021-10-14

1 Like 1 留言 1811 瀏覽

鐵人賽 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 留言 1794 瀏覽

鐵人賽 Mobile Development DAY 3

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

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

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

kevinypfan ‧ 2019-09-19

0 Like 0 留言 1790 瀏覽

鐵人賽 Mobile Development DAY 2

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

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

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

kevinypfan ‧ 2019-09-18

1 Like 0 留言 1789 瀏覽

鐵人賽 Mobile Development DAY 11

iOS Developer Learning Flutter 系列第 11 篇

技術 iOS Developer Learning Flutter. Lesson10 建立列表

ListView有兩種用法使用children 跟使用builder使用children就是會一次事先把所有widget都create出來使用builder則...

MarkFly～ ‧ 2020-09-26

0 Like 0 留言 1787 瀏覽

鐵人賽 Mobile Development DAY 17

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

技術 30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(4)

昨天的文章30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(3)，我們已經可以透過setState來控制按鈕觸發後的狀態改變，今天要來加...

Raymond雷門 ‧ 2019-09-24

0 Like 0 留言 1774 瀏覽

鐵人賽 Mobile Development DAY 13

Flutter / Dart 跨平台App開發體驗系列第 13 篇

技術 Flutter體驗 Day 13-彈性佈局

彈性佈局介紹完線性排列的佈局方式，今天我們談談另外的配置方式的佈局組件。挑戰目標學習 widget Flex Expanded Spacer St...

Leo ‧ 2021-09-21 ‧團隊神龍特攻隊 - it 宏的逆襲

1 Like 0 留言 1768 瀏覽

鐵人賽 Mobile Development DAY 22

iOS Developer Learning Flutter 系列第 22 篇

技術 iOS Developer Learning Flutter. Lesson21 Provider

昨天我們提到了狀態管理的基本功：InheritedWidget今天談談進階版的InheritedWidget：ProdiverProvider是一個套件不只是F...

MarkFly～ ‧ 2020-10-07

0 Like 0 留言 1755 瀏覽

鐵人賽 Mobile Development DAY 8

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

技術 Flutter 常用組件講解 | ListViewWidget 補充

橫向列表和自訂群組件講解橫向列表的使用製作橫向列表, 小例子 @override Widget build(BuildContext context...

Sherry Chen ‧ 2020-09-08

0 Like 0 留言 1734 瀏覽

鐵人賽 Modern Web DAY 16

Flutter web 的奇妙冒險系列第 16 篇

技術 Day 16 | 第一個 Flutter 專案

昨天我們安裝後有試跑一下 flutter run ，而今天我們就要來好好講講這個預設專案到底有什麼東西。我們先從檔案結構來說明一下這裡有幾個比較重要的資料...

Todd ‧ 2021-09-29

0 Like 0 留言 1728 瀏覽

鐵人賽 Mobile Development DAY 22

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

技術 days[21] = "Layout是怎麼運作的？"

我們在上一篇提到在Flutter整個Render Pipeline中，光是Layout這個步驟就值得獨立一篇出來討論，因此今天我們就繼續來深入研究整個Layou...

Joshua ‧ 2020-09-22

0 Like 0 留言 1722 瀏覽

鐵人賽 Mobile Development DAY 23

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

技術 days[22] = "如何做一個Pacman遊戲？"

雖然說這個系列到目前為止的主軸是介紹一些Flutter底層實作，或是一些設計模式、觀念、函式庫的分析等等，其實最初的目標就是只希望可以寫一些沒有被寫過一百遍的東...

Joshua ‧ 2020-09-23

0 Like 0 留言 1721 瀏覽

鐵人賽 Modern Web DAY 15

Flutter web 的奇妙冒險系列第 15 篇

技術 Day 15 | Flutter web 環境安裝與 vs code插件

Flutter SDK 這裡以 MacOS 作為範例首先到官網https://flutter.dev/docs/get-started/install...

Todd ‧ 2021-09-28

1 Like 1 留言 1711 瀏覽

技術 Flutter API Get using Bloc state management and http plugin

Flutter API Get using Bloc state management and http plugin 這是我第一次寫(不專業技術文，請大家多多...

WenYeh ‧ 2021-02-24

0 Like 0 留言 1698 瀏覽

鐵人賽 Mobile Development DAY 15

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

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

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

Joshua ‧ 2020-09-15

0 Like 0 留言 1697 瀏覽

鐵人賽 Mobile Development DAY 19

Flutter with GetX, loading*175%歷程系列第 19 篇

技術 [Day19] Flutter with GetX something else

這篇主要講GetX所提供, 自己有接觸過的額外功能為大家介紹多國語系, 螢幕長寬, snackbar,這三樣多國語系先是進入點的部分要新增translat...

Clark紹安 ‧ 2021-10-03

1 Like 0 留言 1680 瀏覽

鐵人賽 Mobile Development DAY 9

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

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

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

Joshua ‧ 2020-09-09

1 Like 0 留言 1675 瀏覽

鐵人賽 Mobile Development DAY 6

Flutter App 開發實戰系列第 6 篇

技術 Flutter 儲存資料 shared_preference [DAY 6]

成功登入後我們會需要 user 的 token 給儲存起來，可以做為下次登入的依據，不用在重複登入，也可以在之後使用，這時候我們就會需要用到像 iOS 裡的 U...

Leo ‧ 2020-09-06

0 Like 0 留言 1675 瀏覽

鐵人賽 Mobile Development DAY 9

Flutter with GetX, loading*175%歷程系列第 9 篇

技術 [Day09] Flutter with GetX gallery_saver 照片影片存到相簿

Gallery saver 取得權限的前置作業iOSInfo.plist內新增NSPhotoLibraryUsageDescription的權限 Androi...

Clark紹安 ‧ 2021-09-23

0 Like 0 留言 1673 瀏覽

鐵人賽 Mobile Development DAY 10

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

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

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

Bbsonlin ‧ 2019-09-19

0 Like 0 留言 1670 瀏覽

鐵人賽 Mobile Development DAY 4

Flutter / Dart 跨平台App開發體驗系列第 4 篇

技術 Flutter體驗 Day 4-Dart CheatSheet (2)

Dart CheatSheet (2) 認識 Dart 程式語言，從官方提供的dart-cheatsheet掌握該語言的特色 Dart CheatSheet G...

Leo ‧ 2021-09-12 ‧團隊神龍特攻隊 - it 宏的逆襲

1 Like 0 留言 1644 瀏覽

鐵人賽 Mobile Development DAY 5

iOS Developer Learning Flutter 系列第 5 篇

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

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

MarkFly～ ‧ 2020-09-20