技術 Day 30 | 將flutter web 部署至 netlify

最後一天就來部署我們的flutter web吧，也算是這系列文中真的跟「web」唯一有關的一篇文XD 首先我們這次會使用 netlify 來託管我們的網站。 你...

技術 Day 26 | 共享 MobX store with get_it

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 Day 18 | 萬年範例-TodoList

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

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

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

技術 Day 1 | 前言與大綱

哈囉我是Todd，是一個比較喜歡寫前端的全端工程師，工作上大部分是使用 React 及 Node.js 來進行開發。 剛好今年參與了一個 Flutter App...