iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Flutter web 的奇妙冒險 系列

平常工作中主要是使用react在開發網頁前端,而在今年有機會接觸到公司內部的Flutter app專案,也就藉此機會開始接觸了 Flutter 這項新技術,剛好今年 Flutter 2.0 release 時同時也宣佈了 Flutter web正式進入 stable channel了。就決定以 web 的形式來呈現今年在 Flutter 上所學習到的東西。

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 | Dart 非同步 - Stream

Stream 簡單來說就是一群iterable的非同步事件。 像是每秒輸出一個數字,但是你可能會想說就算我不用 Stream 我也有辦法辦到: Timer.pe...

2021-09-24 ‧ 由 Todd 分享
DAY 12

Day 12 | Dart 中的 Sound null safety

為什麼我們需要 null safety? 回答這個問題前應該要先了解為什麼會有 null ,如果寫過網頁前端的讀者應該很常看到以下程式碼(以react舉例)...

2021-09-25 ‧ 由 Todd 分享
DAY 13

Day13 | Dart 中的 Functional Programming

Functional Programming 如果OOP是以物件為主那FP就是以Function作為主體來思考。但也須有人會好奇 Function 這種語法很多...

2021-09-26 ‧ 由 Todd 分享
DAY 14

Day 14 | Flutter 基本介紹

什麼是Flutter 正如第一篇文章所說的 Flutter 是一個「框架」,可以用來開發跨平台原生的應用程式。 整個 Flutter的架構圖: 由上到下分別是...

2021-09-27 ‧ 由 Todd 分享
DAY 15

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

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

2021-09-28 ‧ 由 Todd 分享
DAY 16

Day 16 | 第一個 Flutter 專案

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

2021-09-29 ‧ 由 Todd 分享
DAY 17

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

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

2021-09-30 ‧ 由 Todd 分享
DAY 18

Day 18 | 萬年範例-TodoList

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

2021-10-01 ‧ 由 Todd 分享
DAY 19

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

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

2021-10-02 ‧ 由 Todd 分享
DAY 20

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

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

2021-10-03 ‧ 由 Todd 分享