iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Mobile Development

在 Flutter 開發旅程的手札 系列

在工作的期間,總是遇到問題就將筆記記錄下來,想透過30天的挑戰,分享在職場上覺得實用的套件、Widget,目前還沒有想好所有30天的內容,歡迎大家在文章下面留言想知道的資訊,有機會在這30天介紹你想知道的內容~

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

Flutter Setup - 專案與Github的設定

在使用Git版控Flutter之前我們需要先檢查環境是否有安裝過Git git --version 若還沒有下載可以按git 下載 GitHub與Flutt...

2022-09-16 ‧ 由 xiaoyun 分享
DAY 2

Flutter Widget - Container 在開發上的實用語法

讓Container的大小符合螢幕尺寸(MediaQuery.of(context).size)在實際開發上,我們會有很多手機的螢幕尺寸不一樣的問題,為了避免...

2022-09-17 ‧ 由 xiaoyun 分享
DAY 3

Flutter Widget - TextField 的應用介紹

設定預設值使用TextField時必須使用Stateful Widget,不能使用Stateless Widget,避免輸入的文字沒有被存下來,當我們在開發編...

2022-09-18 ‧ 由 xiaoyun 分享
DAY 4

Flutter Package - 製作多國語系

今天要介紹的多國語系,讓專案能夠支持多國的語言,並且讓app的語言是使用者的手機語言,使用的套件是intl_utils 在Terminal輸入下方程式碼,下載套...

2022-09-19 ‧ 由 xiaoyun 分享
DAY 5

Flutter Package - 串接api(一)

今天要介紹的是如何串接api,這邊介紹的套件是使用retrofit串接API 下載套件在檔案pubspec.yaml加入下放語法,最新版本可至retrofit確...

2022-09-20 ‧ 由 xiaoyun 分享
DAY 6

Flutter Package - 串接api(二)

昨天已經有介紹如何串接API,以及教大家如何GET API資料,今天我們就來介紹POST 在api.dart檔案裡面多一個RestApi(因路徑與昨天使用的是不...

2022-09-21 ‧ 由 xiaoyun 分享
DAY 7

Flutter Package - 串接api(三)

這是最後一章的api文章,今天要來介紹api串接時要特別注意的地方,以及api的bug處理小技巧 --串接的格式要注意,當如果看到API文件,是單字的開頭小寫,...

2022-09-22 ‧ 由 xiaoyun 分享
DAY 8

Flutter Models - 介紹Models

今天要介紹的是Models,在寫程式時,經常會遇到同一類型的東西,經常看到的像是status、type、permission...,這時候我們能用models整...

2022-09-23 ‧ 由 xiaoyun 分享
DAY 9

Flutter Package - 更換APP的ICON

今天要來教大家用flutter_launcher_icons更換自己APP的ICON 可以應用下方三種方式安裝套件 輸入dart指令(必需要在專案下的路徑輸入...

2022-09-24 ‧ 由 xiaoyun 分享
DAY 10

Flutter Package - 將手機照片上傳到API上

今天我會介紹該如何用image_picker套件,讓手機照片能上傳到APP內 輸入下方指令下載套件 flutter pub add image_picker...

2022-09-25 ‧ 由 xiaoyun 分享