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

0 Like 0 留言 778 瀏覽

鐵人賽 Mobile Development DAY 22

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

技術 Day 22: 帶你完整探索 DevTools，重要的 CPU Profiler、Memory 與 Logging (Debugging with DevTools - part2)

來到了 DevTools 系列的第二章，上一篇我們講解了 Flutter Inspector 與 Performance 用法，使用工具瀏覽 Widget T...

Yii Chen ‧ 2023-10-07

0 Like 0 留言 527 瀏覽

鐵人賽 Mobile Development DAY 21

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

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

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

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

0 Like 0 留言 999 瀏覽

鐵人賽 Mobile Development DAY 21

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

技術 Day 21: 帶你完整探索 DevTools， Flutter Inspector 與 Performance 用法 (Debugging with DevTools - part1)

大家對於 DevTools 還熟悉嗎？專屬於 Flutter 的 Debugging 工具，本身也是使用 Flutter 進行開發，以這工具來看，就可以知道...

Yii Chen ‧ 2023-10-06

0 Like 0 留言 511 瀏覽

鐵人賽 Mobile Development DAY 20

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

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

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

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

0 Like 0 留言 1036 瀏覽

鐵人賽 Mobile Development DAY 20

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

技術 Day 20: Riverpod 的開發多元性以及日常使用技巧！Provider 該如何選擇？

Riverpod 是什麼？相信大家都已經有初步了解了，甚至大家都已經運用在自己的專案了對吧？它本身的使用方式很多樣，是個很靈活的框架，但在很方便開發的同時，也...

Yii Chen ‧ 2023-10-05

0 Like 0 留言 528 瀏覽

鐵人賽 Mobile Development DAY 29

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

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day29 灑一點滾動效果做調味，Scrolling parallax effect滾動視差效果

肆、Create a scrolling parallax effect 參見:Create a scrolling parallax effect 當我們...

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

0 Like 0 留言 552 瀏覽

鐵人賽 Mobile Development DAY 19

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

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

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

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

0 Like 0 留言 482 瀏覽

鐵人賽 Mobile Development DAY 19

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

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

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

Yii Chen ‧ 2023-10-04

1 Like 0 留言 529 瀏覽

鐵人賽 Mobile Development DAY 28

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

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day28 灑一點滾動效果做調味，Achieve fancy scrolling 每周天氣預報頁面

參、Achieve fancy scrolling: 每周天氣預報頁面展示參見: https://docs.flutter.dev/ui/layout/sc...

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

0 Like 0 留言 557 瀏覽

鐵人賽 Mobile Development DAY 27

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

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day27 灑一點滾動效果做調味，Place a floating app bar

貳、Place a floating app bar above a list 參見: Place a floating app bar above a li...

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

0 Like 0 留言 507 瀏覽

鐵人賽 Mobile Development DAY 26

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

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day26 灑一點滾動效果做調味，Scrolling Overview

參見: Flutter Scrolling 壹、Scrolling Overview 我們在前幾天的List&Grid中，介紹了不同的列表用法，其中...

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

1 Like 0 留言 523 瀏覽

鐵人賽 Mobile Development DAY 18

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

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

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

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

0 Like 0 留言 510 瀏覽

鐵人賽 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

1 Like 0 留言 668 瀏覽

鐵人賽 Mobile Development DAY 17

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

技術 [Day 17] 實戰新聞 APP - FutureBuilder 與 StreamBuilder

昨天我們把我們的探索頁面的樣貌做的差不多拉，不過 Flutter 提供了兩個強大的 widget FutureBuilder 與StreamBuilder 專門...

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

0 Like 0 留言 1804 瀏覽

鐵人賽 Mobile Development DAY 17

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

技術 Day 17: Riverpod 是什麼？它負責狀態管理嗎？跟著我了解幾個重要角色

在 Flutter，狀態管理對於專案來說很重要，不是說一定要用，只是當開發者還不熟悉 Flutter 原理以及刷新觀念，很容易會造成不當開發的效能問題。狀態管...

Yii Chen ‧ 2023-10-02

1 Like 0 留言 873 瀏覽

鐵人賽 Mobile Development DAY 16

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

技術 [Day 16] 實戰新聞 APP - 串接 API

今天我們將開始進行 API 串接，在開始講解之前請先開啟之前在 Day10 時建立的 api server。若你已將 server 部署至 vercel 上可以...

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

0 Like 0 留言 915 瀏覽

鐵人賽 Mobile Development DAY 16

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

技術 Day 16: 聊聊 Flutter 圖像使用的良好習慣，記憶體掌握與優化！

相信大部分 APP 都會使用到圖片，可能場景有貼文牆、大頭照、上傳圖片等等，在實作時大家是否有關心過記憶體的使用情況呢？或許在開發時、在自己的裝置上都運行的順...

Yii Chen ‧ 2023-10-01

0 Like 0 留言 427 瀏覽

鐵人賽 Mobile Development DAY 15

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

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

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

Yii Chen ‧ 2023-09-30

0 Like 0 留言 906 瀏覽

鐵人賽 Mobile Development DAY 14

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

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

當我們開發 Flutter 一段時間後，想必都會有自己習慣的開發方式跟技巧，但有時候很方便、速度快的方式卻不代表是好的，有可能開發上很省時卻導致性能有缺陷，記...

Yii Chen ‧ 2023-09-29

0 Like 0 留言 816 瀏覽

鐵人賽 Mobile Development DAY 13

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

技術 Day 13: 在 Dart 與 Flutter 開發中常用的幾種 Pattern，為什麼需要它們？

Pattern 在每個領域的軟體開發當中都會遇到，有時候大家很常使用但卻沒有實際了解為什麼要這樣設計，他們都是為了解決某件事，讓我們很方便的完成開發。而在開發...

Yii Chen ‧ 2023-09-28

0 Like 0 留言 573 瀏覽

鐵人賽 Mobile Development DAY 12

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

技術 Day 12: 研究 Flutter 動畫，背後的 vsync 跟 Ticker 有多重要？

上一篇介紹了動畫的兩大分類，Explicit Animation 和 Implicit Animation，以及實作時會用到的幾個重要元素，包含 Animat...

Yii Chen ‧ 2023-09-27

0 Like 0 留言 715 瀏覽

鐵人賽 Mobile Development DAY 11

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

技術 Day 11: Flutter 動畫大補帖，觀念與使用時機都告訴你！

在 Flutter 中，動畫在大部分開發情境下不太常使用到，很多產品都以功能為導向，有時候有趣的體驗或是酷炫的效果都會被忽略甚至是排在後面，視為往後優化的部分...

Yii Chen ‧ 2023-09-26

0 Like 0 留言 515 瀏覽

鐵人賽 Mobile Development DAY 25

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

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

肆、不同類型List處理---Create lists with spaced items 參見 List with spaced items 平時，我們可...

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

0 Like 0 留言 446 瀏覽

鐵人賽 Mobile Development DAY 24

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

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

參、不同類型List處理---Create lists with different types of items 參見: Create lists with...

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

0 Like 0 留言 340 瀏覽

鐵人賽 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 留言 875 瀏覽

鐵人賽 Mobile Development DAY 10

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

技術 Day 10: Async 和 Isolates 差異在哪裡？正確使用才能確保流暢體驗！

為什麼在 Flutter 開發中很常會需要 Async 非同步操作？因為畫面的互動、繪製刷新都是在同步的狀況下運行，為了順暢運行，需要一秒快速進行多次的渲染處...

Yii Chen ‧ 2023-09-25

2 Like 0 留言 1008 瀏覽

鐵人賽 Mobile Development DAY 10

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

技術 [Day 10] 實戰新聞 APP - 前置作業 (JSON Server / Vercel / APP 設計稿)

今天我們將開啟一個全新的專案，製作一款新聞 APP。如果你是有年年在關注 iOS 更新的人應該會知道蘋果曾經在數年前發表一款 Apple News 的內建新聞軟...

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

1 Like 0 留言 978 瀏覽

鐵人賽 Mobile Development DAY 9

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

技術 [Day 09] Stateless & Stateful Widget

Stateless 與 Stateful widget 是在建構頁面之前，你應該要先仔細思考該頁面是否會有 state 變化的產生而去選擇應該使用的類型。在...

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

0 Like 0 留言 505 瀏覽

鐵人賽 Mobile Development DAY 9

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

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

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

Yii Chen ‧ 2023-09-24

1 Like 0 留言 1187 瀏覽

鐵人賽 Mobile Development DAY 8

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

技術 [Day 08] Flutter 基礎 widget：Text、Button 與排版元件

今天我們要來講解 Flutter 的基礎Widget。 Flutter 預設提供了兩種熱門的 UI 組件，分別是接近 Andorid 原生風格的 Materia...

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