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

0 Like 1 留言 5101 瀏覽

鐵人賽 Mobile Development DAY 26

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

技術 [Day26] Flutter with GetX Push Notification

前面繁瑣的設定請參考Mark飛大大的文章然而在Mark飛大大文章的 5.接收階段,因為flutter firebase messaging版本有變API的接法...

Clark紹安 ‧ 2021-10-10

0 Like 0 留言 1555 瀏覽

鐵人賽 Mobile Development DAY 25

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

技術 [Day25] Flutter GetX API AnimatedSwitcher

上一篇介紹了Shimmer這個第三方並建立了自己想要的Widget這一篇將實際結合API fetch data, 等待http request的時候顯示Shi...

Clark紹安 ‧ 2021-10-09

0 Like 0 留言 1534 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 Day 26 | 共享 MobX store with get_it

還記得我們很早之前說過Flutter有一個問題就是嵌套太多層時我們要從下層拿到上層的東西時會變得十分麻煩。換句話說也就是下層依賴於上層的物件/實例，但什麼時候...

Todd ‧ 2021-10-09

0 Like 0 留言 2409 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Day 25 | Flutter 路由管理套件 - auto_route

Navigator 1.0 Flutter 有內建一個路由管理 API Navigator ，而Flutter也在今年發表了 Navigator 2.0 但因...

Todd ‧ 2021-10-08

0 Like 0 留言 1457 瀏覽

鐵人賽 Mobile Development DAY 24

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

技術 [Day24] Flutter with GetX Shimmer

Shimmer iOS Swift的話是類似SkeletonView一般用在等待的時候像是API fetch data這邊用前幾篇的News API, 把轉圈...

Clark紹安 ‧ 2021-10-08

0 Like 0 留言 1762 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day 24 | 在flutter 中串接 restful api - MobX的非同步操作

那今天就來讓這個非同步資料透過MobX 來串接到畫面上：首先一樣建立一個 UsersViewModel import 'dart:convert'; imp...

Todd ‧ 2021-10-07

0 Like 0 留言 1915 瀏覽

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

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

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

鐵人賽 Modern Web DAY 22

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

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

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

Todd ‧ 2021-10-05

0 Like 0 留言 3167 瀏覽

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

鐵人賽 Modern Web DAY 21

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

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

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

Todd ‧ 2021-10-04

0 Like 0 留言 1298 瀏覽

鐵人賽 Mobile Development DAY 30

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

技術 ITHOME IRONMAN體驗 Day 30-完賽心得

完賽心得第13屆的鐵人賽30天的挑戰終於結束了，從參賽至完賽的準備期大約用了二個月。初期花了大於3週的時間腦補 Flutter 的基本知識，不過大部份的範例...

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

0 Like 0 留言 1768 瀏覽

鐵人賽 Mobile Development DAY 29

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

技術 Flutter體驗 Day 29-flame Collidable

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

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

0 Like 0 留言 2114 瀏覽

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

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

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

鐵人賽 Modern Web DAY 20

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

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

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

Todd ‧ 2021-10-03

0 Like 0 留言 2303 瀏覽

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

鐵人賽 Modern Web DAY 19

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

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

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

Todd ‧ 2021-10-02

0 Like 0 留言 2037 瀏覽

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

鐵人賽 Modern Web DAY 18

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

技術 Day 18 | 萬年範例-TodoList

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

Todd ‧ 2021-10-01

0 Like 0 留言 3167 瀏覽

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

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

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

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

鐵人賽 Modern Web DAY 16

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

技術 Day 16 | 第一個 Flutter 專案

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

Todd ‧ 2021-09-29

0 Like 0 留言 1645 瀏覽

鐵人賽 Mobile Development DAY 25

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

技術 Flutter體驗 Day 25-SharedPreferences

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

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

0 Like 0 留言 4304 瀏覽