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

0 Like 0 留言 1262 瀏覽

鐵人賽 Mobile Development DAY 23

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

技術 [Day23] Flutter GetX with Dio (二)

承襲前一篇Dio 這篇是接著發起request 這次範例是使用News APIresponse 回來把資料作後續處理 Data model可以用這個工具把API...

Clark紹安 ‧ 2021-10-07

0 Like 0 留言 1078 瀏覽

鐵人賽 Mobile Development DAY 29

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

技術 Flutter體驗 Day 29-flame Collidable

flame Collidable 有開發過遊戲的人應該都有聽過碰撞偵測這名詞，程式使用碰撞偵測的演算法偵測物件是否發生碰撞的事件，而觸發對應的遊戲行為(動畫、得...

Leo ‧ 2021-10-07 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 7096 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Day 23 | 在Flutter裡串接restful api - 我不使用HttpClient了 jojo

這篇文主要是介紹在 Flutter 中如何串接 restful api ，主要是使用 Dio（意外的跟這個系列文題目切題）這個套件以及搭配幾個處理JSON資料...

Todd ‧ 2021-10-06

0 Like 0 留言 1938 瀏覽

鐵人賽 Mobile Development DAY 22

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

技術 [Day22] Flutter GetX with Dio (一)

Dio Dio是 http request的framework也可以用內建的HttpClient或是http,選擇Dio則是覺得簡單好用還有intercepto...

Clark紹安 ‧ 2021-10-06

0 Like 0 留言 1229 瀏覽

鐵人賽 Mobile Development DAY 28

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

技術 Flutter體驗 Day 28-flame JoystickComponent

flame JoystickComponent 昨日我們使用 SpriteComponent 建構出整體的遊戲畫面，今日我們研究看看要如何讓 Sprite 動起...

Leo ‧ 2021-10-06 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 1289 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day 22 | 狀態管理套件 MobX - 基本使用

昨天稍微提到了狀態管理及 MobX 的基本介紹那今天就要來說明 MobX 中的核心概念。 MobX 最重要的就是這三個東西： Observables、Acti...

Todd ‧ 2021-10-05

0 Like 0 留言 2465 瀏覽

鐵人賽 Mobile Development DAY 21

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

技術 [Day21] Flutter GetX with animation

Flutter animation 原生的StatefullWidget添加 SingleTickerProviderStateMixin,使用GetX的話我...

Clark紹安 ‧ 2021-10-05

0 Like 0 留言 1931 瀏覽

鐵人賽 Mobile Development DAY 27

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

技術 Flutter體驗 Day 27-flame SpriteComponent

flame SpriteComponent 看著團隊挑戰的成員寫了一篇從零開始的8-bit迷宮探險！Swift SpriteKit 遊戲開發實戰，那我們今天就...

Leo ‧ 2021-10-05 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 1189 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day 21 | 狀態管理套件 MobX - 到底什麼是狀態管理

狀態管理？在介紹 MobX 以前我想先來說一下什麼是「狀態管理」究竟為什麼我們需要「狀態管理」，還記得前幾篇想到 Flutter其中一個概念 UI = F(...

Todd ‧ 2021-10-04

0 Like 0 留言 1536 瀏覽

鐵人賽 Mobile Development DAY 20

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

技術 [Day20] Flutter GetX routing

這篇主要講GetX在頁面切換之間的路由(上下頁的前後文關係)初步先建立一個routes的資料夾裡面主要有三個檔案 app_pages.dart主要定義了有哪...

Clark紹安 ‧ 2021-10-04

0 Like 0 留言 2331 瀏覽

鐵人賽 Mobile Development DAY 26

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

技術 Flutter體驗 Day 26-bloc

bloc 有經驗的前端工程師或多或少應該都有聽過 MVC、MVP、MVVM 架構的開發方式，這些開發方式可以讓我們達到觀注點分離（Separation of c...

Leo ‧ 2021-10-04 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 830 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day 20 | 萬年範例-TodoList(3)

那今天就繼續來擴充這個小專案的功能，我們現在可以新增及刪除了，那今天就來實作更換卡片的狀態好了。首先我們來新增一個值 isDone 來表示todo是否被完成了...

Todd ‧ 2021-10-03

0 Like 0 留言 961 瀏覽

鐵人賽 Mobile Development DAY 25

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

技術 Flutter體驗 Day 25-SharedPreferences

SharedPreferences 有時候我們在應用程式會需要保存登入Session資料、個人偏好設定…這種簡單格式的資料型態，這時候使用 shared_pre...

Leo ‧ 2021-10-03 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 1689 瀏覽

鐵人賽 Mobile Development DAY 19

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

技術 [Day19] Flutter with GetX something else

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

Clark紹安 ‧ 2021-10-03

0 Like 0 留言 1071 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day 19 | 萬年範例-TodoList(2)

回到昨天留下的問題 card數太長要怎麼辦 TextFiled 送出後怎麼清除裡面的字其實只要將 SingleChildScrollView wrap住...

Todd ‧ 2021-10-02

0 Like 0 留言 1418 瀏覽

鐵人賽 Mobile Development DAY 18

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

技術 [Day18] Flutter with GetX binding (二 ) 元件與屬性綁定

承接上一篇的基本型別與Obx綁定這篇接下來說 List<自訂型別>, enum , Map, 這幾種資料型態還有除了Obx直接響應外,另一種更新方法...

Clark紹安 ‧ 2021-10-02

0 Like 0 留言 3517 瀏覽

鐵人賽 Mobile Development DAY 24

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

技術 Flutter體驗 Day 24-sqflite

sqflite 昨日我們使用WebSocket技術建立了一個簡單聊天室，不過每次重新刷新畫面後聊天室的記錄就消失了，讓我們使用 sqflite 來處理聊天室的訊...

Leo ‧ 2021-10-02 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 1099 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day 18 | 萬年範例-TodoList

沒錯又是萬年的demo作品－ TodoList 今天我們先來做最最最陽春的TodoList，只先做簡單的輸入框及新增功能，其他功能我們之後再慢慢加上去。從上...

Todd ‧ 2021-10-01

0 Like 0 留言 1341 瀏覽

鐵人賽 Mobile Development DAY 17

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

技術 [Day17] Flutter with GetX binding (一) 元件與屬性綁定

這篇位大家介紹Getx的響應式更新,Widget與屬性綁定(int String bool List這幾種型別) controller部分在此定義了幾個屬性對應...

Clark紹安 ‧ 2021-10-01

0 Like 0 留言 4111 瀏覽

鐵人賽 Mobile Development DAY 23

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

技術 Flutter體驗 Day 23-WebSocket

WebSocket 前端對於WebSocket這項技術應該不陌生，以往會需要使用輪詢的方式更新資料，目前大多改採用WebSocket連線來建立雙向溝通的需求。...

Leo ‧ 2021-10-01 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 2240 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day 17 | Flutter的常用 widgets - Container、Row、Column

StatefulWidget 的build 回到昨天 StatefulWidget 的 build 會先看到 Scaffold 這個 widget ，這是一個...

Todd ‧ 2021-09-30

0 Like 0 留言 757 瀏覽

鐵人賽 Mobile Development DAY 16

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

技術 [Day16] Flutter with GetX 簡介 (狀態管理?)

Flutter的狀態管理從初學接觸了Flutter的(Stateless與StatefulWidget)再去看各路大神都用什麼框架開發 ,在pub.dev眾多...

Clark紹安 ‧ 2021-09-30

0 Like 0 留言 1490 瀏覽

鐵人賽 Mobile Development DAY 22

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

技術 Flutter體驗 Day 22-Model

Model 資料層在開發應用程式的過程裡，我們通常會定義 Model 的類別用來處理資料結構或是資料儲存上的使用。舉個簡單的例子，定義一個 JSON { &...

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

0 Like 0 留言 1728 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day 16 | 第一個 Flutter 專案

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

Todd ‧ 2021-09-29

0 Like 0 留言 2090 瀏覽

鐵人賽 Mobile Development DAY 21

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

技術 Flutter體驗 Day 21-Http

Http 使用 Http 通訊協定，發送網路請求存取網路上的資源在開發App是很基本的需求，今日我們練習使用氣象開放資料平臺的API，學習 Http 的呼叫方式...

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

0 Like 0 留言 872 瀏覽

鐵人賽 Mobile Development DAY 15

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

技術 [Day15] Flutter with GetX Wrap & Chip

Wrap & Chip 原生的Widget, 對於之前接觸iOS的人來說一開始看到有驚訝一下(居然有原生的!),有一點像是hash tag, 個人把W...

Clark紹安 ‧ 2021-09-29

0 Like 0 留言 1703 瀏覽

鐵人賽 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

0 Like 0 留言 795 瀏覽

鐵人賽 Mobile Development DAY 14

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

技術 [Day14] Flutter with GetX animated_text_kit

animated_text_kit 文字特殊效果的第三方,可以參考文檔的樣式作選擇使用起來類似是Flutter原生的RichText & TextSp...

Clark紹安 ‧ 2021-09-28

0 Like 0 留言 2351 瀏覽