iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

Flutter 從零到實戰 - 30 天の學習筆記 系列

小弟對於 APP 開發抱持著高度興趣。
剛好借助這次鐵人賽的機會,來逼自己每天都必須努力的學習並整理有用的資訊給每位讀者 📖
同時也希望透過實戰來與大家一起變強 💪
敬請期待~

鐵人鍊成 | 共 30 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文 團隊啾嚕咕嚕跳起來
DAY 21

[Day 21] 實戰新聞 APP - 認識 CupertinoListSection 與 CupertinoListTile

我們今天要來實作個人檔案頁面。在實作之前,我們先來看看在 iOS 中的設定畫面風格。我們觀察到: 背景顏色並不是純白色,而是很淺的灰色。在 Cupertino...

2023-10-06 ‧ 由 Micro Jordan 分享
DAY 22

[Day 22] 實戰新聞 APP - 使用 State Management 來觸發 Dark Mode

如果你曾經碰過前端框架如 React 或是 Vue,應該都會接觸過 Redux 或 Vuex 這類的狀態管理工具,在 Flutter 中也存在這類的工具。例如很...

2023-10-07 ‧ 由 Micro Jordan 分享
DAY 23

[Day 23] 實戰新聞 APP - 製作本機通知訊息吧

當我們在使用手機時經常會收到來自於不同應用程式的各種通知。包括由遠程的服務發送的通知(如:Line 訊息、Facebook 好友邀請通知等),以及來自於本機的通...

2023-10-08 ‧ 由 Micro Jordan 分享
DAY 24

[Day 24] 實戰新聞 APP - 擴充使用者資料 Part 1 (設定 Firestore)

Firestore 是 Google 基於 Google Cloud 而產生的 NoSQL 資料庫,具有靈活、高擴充性的優勢,因此適合用於 Firebase 和...

2023-10-09 ‧ 由 Micro Jordan 分享
DAY 25

[Day 25] 實戰新聞 APP - 擴充使用者資料 Part 2 (上傳圖片至 firebase storage)

目前為止我們的帳號頁面提供了編輯個人的姓名、信箱與自我介紹的功能。還記得我們昨天定義的 UserModel 嗎?讓我們複習一下: class UserModel...

2023-10-10 ‧ 由 Micro Jordan 分享
DAY 26

[Day 26] 進階技巧 - Splash Screen 與 Welcome Screen

Splash Screen (啟動畫面)是一個應用程式在啟動時短時間顯示的畫面,通常該畫面用於展示和強調應用程式的品牌,同時在顯示畫面同時,應用程式也會用於進...

2023-10-11 ‧ 由 Micro Jordan 分享
DAY 27

[Day 27] 進階技巧 - Flutter 的多國語系應用程式實現方法

當我們在開發應用程式時,通常針對不同語言切換進行支援。因此我們今天來講講在 flutter 中要如何實現多國語系的作法。 安裝相依套件與相關設定 首先請先執行...

2023-10-12 ‧ 由 Micro Jordan 分享
DAY 28

[Day 28] 進階技巧 - 做一個 Home Widget (設定篇)

今天的進階技巧,想要跟大家分享的是如何分別在 iOS 與 Android 平台上實作 App widget。 什麼是 Home Widget 現在無論是 iOS...

2023-10-13 ‧ 由 Micro Jordan 分享
DAY 29

[Day 29] 進階技巧 - 做一個 Home Widget (實作篇)

今天我們要來實作 iOS版本的 home widget 昨天我們已經有說過,flutter 並無法直接撰寫 home widget 的樣式,若要在iOS 上實現...

2023-10-14 ‧ 由 Micro Jordan 分享
DAY 30

[Day 30] 換上 App Icon & 總結

終於到了最後一天的文章拉,在最後一篇文章中,我們來完成最後的事項,也就是換上美美的 icon 拉~ 首先請先執行以下指令安裝套件: flutter pub ad...

2023-10-15 ‧ 由 Micro Jordan 分享