系列文章
[Day 21] 實戰新聞 APP - 認識 CupertinoListSection 與 CupertinoListTile
我們今天要來實作個人檔案頁面。在實作之前，我們先來看看在 iOS 中的設定畫面風格。我們觀察到： 背景顏色並不是純白色，而是很淺的灰色。在 Cupertino...
[Day 22] 實戰新聞 APP - 使用 State Management 來觸發 Dark Mode
如果你曾經碰過前端框架如 React 或是 Vue，應該都會接觸過 Redux 或 Vuex 這類的狀態管理工具，在 Flutter 中也存在這類的工具。例如很...
[Day 23] 實戰新聞 APP - 製作本機通知訊息吧
當我們在使用手機時經常會收到來自於不同應用程式的各種通知。包括由遠程的服務發送的通知(如：Line 訊息、Facebook 好友邀請通知等)，以及來自於本機的通...
[Day 24] 實戰新聞 APP - 擴充使用者資料 Part 1 (設定 Firestore)
Firestore 是 Google 基於 Google Cloud 而產生的 NoSQL 資料庫，具有靈活、高擴充性的優勢，因此適合用於 Firebase 和...
[Day 25] 實戰新聞 APP - 擴充使用者資料 Part 2 (上傳圖片至 firebase storage)
目前為止我們的帳號頁面提供了編輯個人的姓名、信箱與自我介紹的功能。還記得我們昨天定義的 UserModel 嗎？讓我們複習一下： class UserModel...
[Day 26] 進階技巧 - Splash Screen 與 Welcome Screen
Splash Screen (啟動畫面)是一個應用程式在啟動時短時間顯示的畫面，通常該畫面用於展示和強調應用程式的品牌，同時在顯示畫面同時，應用程式也會用於進...
[Day 27] 進階技巧 - Flutter 的多國語系應用程式實現方法
當我們在開發應用程式時，通常針對不同語言切換進行支援。因此我們今天來講講在 flutter 中要如何實現多國語系的作法。 安裝相依套件與相關設定 首先請先執行...
[Day 28] 進階技巧 - 做一個 Home Widget (設定篇)
今天的進階技巧，想要跟大家分享的是如何分別在 iOS 與 Android 平台上實作 App widget。 什麼是 Home Widget 現在無論是 iOS...
[Day 29] 進階技巧 - 做一個 Home Widget (實作篇)
今天我們要來實作 iOS版本的 home widget 昨天我們已經有說過，flutter 並無法直接撰寫 home widget 的樣式，若要在iOS 上實現...
[Day 30] 換上 App Icon & 總結
終於到了最後一天的文章拉，在最後一篇文章中，我們來完成最後的事項，也就是換上美美的 icon 拉～ 首先請先執行以下指令安裝套件： flutter pub ad...