iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 295 瀏覽

鐵人賽 Mobile Development DAY 28

探索 Flutter 由裡到外，三十天帶你前往進階系列第 28 篇

技術 Day 28: 制訂品牌風格， Design System 讓製作畫面變得很有趣！

如何在 Flutter 制訂一個有品牌風格的 Design System，讓我們的產品擁有特點，辨識度就非常重要，所以從基本的顏色、字體、文字大小、圓弧曲度、...

Yii Chen ‧ 2023-10-13

0 Like 0 留言 292 瀏覽

技術【WideLab暑假之旅】Week03(2023/07/17-07/21)

20230717 壹、串接continue Error: List < dynamic > is not a subtype of type Map...

xianyu ‧ 2023-08-03

0 Like 0 留言 292 瀏覽

技術【WideLab暑假之旅】Week04(2023/07/24-07/28)

20230724 壹、Agora API測試目前API資料，Post 給予⇒ region 回傳⇒ roomToken, AppID, RoomUUID...

xianyu ‧ 2023-08-03

0 Like 0 留言 283 瀏覽

鐵人賽 Mobile Development DAY 20

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

技術 [Day20] 實戰新聞 APP - 使用彈出式視窗來顯示新聞吧 (CupertinoPopupSurface)

昨天我們終於把主頁的焦點新聞頁面給完成拉，不過目前這些新聞卡片都只能顯示片面的資訊，理論上應該要有個專門用來閱讀新聞的頁面，如下圖：在 Cupertino UI...

Micro Jordan ‧ 2023-10-05 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 277 瀏覽

鐵人賽 Mobile Development DAY 25

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

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

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

Micro Jordan ‧ 2023-10-10 ‧團隊啾嚕咕嚕跳起來

0 Like 1 留言 272 瀏覽

鐵人賽 Mobile Development DAY 15

無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】系列第 15 篇

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day15 一窺Flutter，Basic Widgets 與他的產地(中)

參、Flutter Basic Widgets:　基礎元件參見: Flutter Basic widgets 接著我們正式進入到了Flutter元件的範疇...

xianyu ‧ 2023-09-23 ‧團隊卍乂煞氣a工程師乂卍

0 Like 0 留言 266 瀏覽

鐵人賽 Mobile Development DAY 27

探索 Flutter 由裡到外，三十天帶你前往進階系列第 27 篇

技術 Day 27: 什麼是 Atomic Design 與 Design System？從 Flutter 快速掌握它們！

首先請問大家幾個問題：在開發產品時，公司和團隊裡有 UI 設計師嗎？有根據設計使用的文字、大小、顏色、空格間距等等，來開發嗎，是否完全相同？有關數值的設...

Yii Chen ‧ 2023-10-12

0 Like 0 留言 265 瀏覽

鐵人賽 Mobile Development DAY 24

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

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

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

Micro Jordan ‧ 2023-10-09 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 255 瀏覽

鐵人賽 Mobile Development DAY 18

探索 Flutter 由裡到外，三十天帶你前往進階系列第 18 篇

技術 Day 18: Flutter 狀態管理？Riverpod 的 watch() 實際上如何通知更新？

當我們在專案使用 Riverpod 後，一定很長使用到 WidgetRef API，例如：ref.read()、ref.watch()、ref.listen...

Yii Chen ‧ 2023-10-03

0 Like 0 留言 253 瀏覽

鐵人賽 Mobile Development DAY 24

探索 Flutter 由裡到外，三十天帶你前往進階系列第 24 篇

技術 Day 24: 善用工具與快捷輔助，提升 Flutter 開發效率！

身為工程師，每天長時間的開發、寫程式碼，提升開發效率是必須的，趕快完成任務才能偷懶沒錯吧？我們必須在節省時間的情況下還能達到目的，除了程式碼的撰寫之外，還有開...

Yii Chen ‧ 2023-10-09

0 Like 0 留言 244 瀏覽

鐵人賽 Mobile Development DAY 4

探索 Flutter 由裡到外，三十天帶你前往進階系列第 4 篇

技術 Day 4: Flutter 高效核心，了解 Element 生命週期與使用

相信大家對於 Widget 的接觸已經很熟悉了，那 Widget 是誰在管理的？這時候要幫忙請出背後的主角了，也就是 Element，身為 Flutter 高...

Yii Chen ‧ 2023-09-19

0 Like 0 留言 242 瀏覽

鐵人賽 Mobile Development DAY 19

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

技術 [Day 19] 實戰新聞 APP - 無限捲軸

大家好，今天我們要完成主頁的新聞瀏覽頁面，並加上無限捲軸的實作。畫面會如下圖：不過為什麼我們需要無限捲軸呢？試想一下，假設我們有 100 篇的新聞資料，這些新聞...

Micro Jordan ‧ 2023-10-04 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 241 瀏覽

鐵人賽 Mobile Development DAY 9

探索 Flutter 由裡到外，三十天帶你前往進階系列第 9 篇

技術 Day 9: 深入 setState()，觀察它如何進行 UI 刷新！

每次執行 flutter create <name> 創建新的專案後，預設都會在主頁面看到很熟悉的計數器功能，在點擊 FloatingAction...

Yii Chen ‧ 2023-09-24

0 Like 0 留言 240 瀏覽

鐵人賽自我挑戰組 DAY 18

Kotlin & Flutter App 開發比較思考日誌系列第 18 篇

技術 [鐵人賽 Day 18] Kotlin & Flutter 改變元件狀態方法比較

前言回顧前幾篇寫的鐵人賽文章內容，個人覺得需要強調說明關於改變元件狀態的部分，因為這是 Kotlin & Flutter 在建立元件蠻重要的差異。目...

cloudfly111 ‧ 2023-09-22

0 Like 0 留言 238 瀏覽

鐵人賽自我挑戰組 DAY 9

Kotlin & Flutter App 開發比較思考日誌系列第 9 篇

技術 [鐵人賽 Day 9] Kotlin & Flutter 元件比較(二) - ListView 元件用法概要

討論範圍 Kotlin & Flutter ListView 元件使用方式目的比較 Kotlin & Flutter ListView 元件...

cloudfly111 ‧ 2023-09-13

0 Like 0 留言 236 瀏覽

鐵人賽 Mobile Development DAY 21

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

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

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

Micro Jordan ‧ 2023-10-06 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 233 瀏覽

鐵人賽 Mobile Development DAY 23

無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】系列第 23 篇

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day23 再加一點點網格系統，Lists & Grids(上)

壹、Lists 參見: Flutter Use lists 接下來，我們將針對 List&Grids 進行更詳盡的介紹!包含從基本的ListView...

xianyu ‧ 2023-10-01 ‧團隊卍乂煞氣a工程師乂卍

0 Like 0 留言 222 瀏覽

鐵人賽 Mobile Development DAY 22

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

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

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

Micro Jordan ‧ 2023-10-07 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 220 瀏覽

鐵人賽自我挑戰組 DAY 4

Kotlin & Flutter App 開發比較思考日誌系列第 4 篇

技術 [鐵人賽 Day 4] 統整 Kotlin & Flutter 建立元件與改變元件狀態方式比較

討論範圍統整 Kotlin & Flutter 建立元件與改變元件狀態方式比較。比較方式設定相同元件與相同元件狀態改變流程，以討論在寫兩種語言時的...

cloudfly111 ‧ 2023-09-08

0 Like 0 留言 219 瀏覽

鐵人賽 Mobile Development DAY 7

探索 Flutter 由裡到外，三十天帶你前往進階系列第 7 篇

技術 Day 7: MediaQuery 是什麼？很方便但如何正確在 Flutter 使用，順便跟你說它的缺點

所有的 Flutter 開發者應該多多少少都有碰過 MediaQuery，它給予的支援很廣，是個很重要的數據來源，以至於非常多場景都會需要存取它。而在 Flu...

Yii Chen ‧ 2023-09-22

1 Like 0 留言 216 瀏覽

鐵人賽 Mobile Development DAY 18

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

技術 [Day 18] 實戰新聞 APP - Custom Widget

寫到目前為止，我們一直都將一個畫面的內容寫在單一檔案中，也就是說頁面上看得到的 widget全都可以在 xxx_screen.dart 的程式碼中找到。試想...

Micro Jordan ‧ 2023-10-03 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 215 瀏覽

鐵人賽自我挑戰組 DAY 5

Kotlin & Flutter App 開發比較思考日誌系列第 5 篇

技術 [鐵人賽 Day 5] Kotlin & Flutter 元件比較(一) - 與畫面顯示相關的基礎元件名稱列表

目的列出 Kotlin 和 Flutter 中相同功能的基礎元件名稱(畫面顯示相關元件)。畫面呈現元件呈現畫面用途 Kotlin Flutter...

cloudfly111 ‧ 2023-09-09

0 Like 0 留言 209 瀏覽

鐵人賽自我挑戰組 DAY 6

Kotlin & Flutter App 開發比較思考日誌系列第 6 篇

技術 [鐵人賽 Day 6] Kotlin & Flutter 元件比較(一) - Kotlin 基礎元件應用實例

討論範圍 Kotlin 基礎元件應用目的由 Kotlin 基礎元件組合成常見應用實例範例中使用的元件清單：Card , TextView , Image...

cloudfly111 ‧ 2023-09-10

0 Like 0 留言 208 瀏覽

鐵人賽自我挑戰組 DAY 11

Kotlin & Flutter App 開發比較思考日誌系列第 11 篇

技術 [鐵人賽 Day 11] Kotlin & Flutter 元件比較(二) - Flutter ListView 實例

目的示範 Flutter ListView 實際例子實例主題用 ListView 元件列出書名、作者和購買日期以下為完成畫面截圖： Flutter...

cloudfly111 ‧ 2023-09-15

0 Like 0 留言 202 瀏覽

鐵人賽 Mobile Development DAY 19

探索 Flutter 由裡到外，三十天帶你前往進階系列第 19 篇

技術 Day 19: 如何撰寫 Riverpod 測試，使用 Mocktail 來幫助我們吧！

本文進入測試環節。適合對 Riverpod 有實際玩過且熟悉的朋友們，不會特別講解相關開發技巧，我們著重在於如何寫好一個基本的測試，穩固專案的品質。希望由這些...

Yii Chen ‧ 2023-10-04

0 Like 0 留言 199 瀏覽

鐵人賽自我挑戰組 DAY 2

簡易跨平台記事白板系列第 2 篇

技術 [Day 2] [flutter] multi-platform white board -- windows desktop

Day2 [Frontend] Conceive the UI and UX Preface To achieved the goal, I'm not goi...

xnorgate ‧ 2023-09-17

0 Like 0 留言 195 瀏覽

鐵人賽 Mobile Development DAY 29

探索 Flutter 由裡到外，三十天帶你前往進階系列第 29 篇

技術 Day 29: Dart 3 總複習，大家準備一下待會考試！

延續在本系列開始的 Dart 3 解說與實用範例，目的是希望系列結束前能再讓大家複習和更熟悉 Dart 3 新版帶來的方便性，有效運用在目前的專案上，甚至能優...

Yii Chen ‧ 2023-10-14

0 Like 0 留言 184 瀏覽

鐵人賽 Mobile Development DAY 15

探索 Flutter 由裡到外，三十天帶你前往進階系列第 15 篇

技術 Day 15: Flutter 效能優化，良好的開發觀念與技巧！(下)

延續上一篇的內容，本文繼續跟大家分享一些正確觀念，為了就是在開發時可以撰寫出品質好的程式碼，寫的任何一個元件都很重要，它們為何存在，使用的優缺點是什麼，都應該...

Yii Chen ‧ 2023-09-30

0 Like 0 留言 178 瀏覽

鐵人賽 Mobile Development DAY 23

探索 Flutter 由裡到外，三十天帶你前往進階系列第 23 篇

技術 Day 23: 帶你完整探索 DevTools，聰明的使用 Network、App Size Tool 與 Skia Tool (Debugging with DevTools - part3)

本文為 Debugging with DevTools 系列的第三章，前面談論到了 Flutter Inspector、Performance、CPU Pro...

Yii Chen ‧ 2023-10-08

0 Like 0 留言 169 瀏覽

鐵人賽 Mobile Development DAY 8

探索 Flutter 由裡到外，三十天帶你前往進階系列第 8 篇

技術 Day 8: MediaQuery 優化後與 InheritedModel 如何進行指定更新

上一篇我們討論了 MediaQuery 是什麼、它的正常使用方式，並稍微帶大家分析背後源碼的運作流程。本文要了解在 Flutter 3.10 改版後，Inhe...

Yii Chen ‧ 2023-09-23