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

0 Like 0 留言 399 瀏覽

鐵人賽 Mobile Development DAY 8

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

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

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

Yii Chen ‧ 2023-09-23

0 Like 0 留言 399 瀏覽

鐵人賽自我挑戰組 DAY 18

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

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

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

cloudfly111 ‧ 2023-09-22

0 Like 0 留言 480 瀏覽

鐵人賽 Mobile Development DAY 7

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

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

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

Yii Chen ‧ 2023-09-22

1 Like 1 留言 1151 瀏覽

鐵人賽 Mobile Development DAY 7

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

技術 [Day 07] Flutter 的第一個專案

今天我們要來開始踏入 Flutter 開發拉，我們先從建立專案，執行看看，並且帶大家認識 Flutter 的檔案結構。讓我們開始吧！建立專案使用 flutt...

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

1 Like 0 留言 1516 瀏覽

鐵人賽 Mobile Development DAY 6

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

技術 [Day 06] 安裝 Flutter 環境

今天我們要來講如何安裝 Flutter 的環境，在真的開始開發應用程式前，得先準備好這些開發的工具才行。安裝 Flutter Flutter 提供多個作業系統...

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

0 Like 0 留言 899 瀏覽

鐵人賽 Mobile Development DAY 6

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

技術 Day 6: 完全掌握 Flutter APP 生命週期，跟著我從源碼認識它！

到了生命週期第二篇，開發者不僅要了解 StatefulWidget 的生命週期，很常也會需要現在 APP 的週期狀態，而在 8/17 剛發布的 Flutter...

Yii Chen ‧ 2023-09-21

1 Like 0 留言 684 瀏覽

鐵人賽 Mobile Development DAY 5

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

技術 [Day 05] Dart 基礎語法 Part 4

終於來到介紹 Dart 基礎語法的最後一個篇章，今天我們要來介紹 Dart 的同步與非同步。讓我們馬上開始。同步/非同步是什麼？ Dart 是一個單執行緒語言...

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

0 Like 0 留言 163 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 [Day 4] [flutter] multi-platform white board -- view and editing page

preface Got lots of tasks these days.... I may not pressent the development in d...

xnorgate ‧ 2023-09-19

1 Like 0 留言 649 瀏覽

鐵人賽 Mobile Development DAY 4

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

技術 [Day 04] Dart 基礎語法 Part 3

什麼是物件導向？物件導向這個用詞的重點在於「物件」兩個字，簡單來說就是將資料、相同的邏輯都包裝在一個「物件」當中。因此一個程式之中可能會有數個不同的物件，這些...

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

0 Like 0 留言 566 瀏覽

鐵人賽 Mobile Development DAY 4

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

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

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

Yii Chen ‧ 2023-09-19

1 Like 0 留言 812 瀏覽

鐵人賽 Mobile Development DAY 3

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

技術 Day 3: 最熟悉的朋友 Flutter Widget，你會用但真的了解它嗎？

所有 Flutter 開發者從 Widget 開始，通過嵌套的方式來完成聲明式 UI，可以讓我們輕易實現腦中的畫面與效果，大家一定跟它非常熟悉吧。但它除了是畫...

Yii Chen ‧ 2023-09-18

1 Like 0 留言 1255 瀏覽

鐵人賽 Mobile Development DAY 3

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

技術 [Day 03] Dart 基礎語法 Part 2

今天我們要來談談關於 Dart 的迴圈、判斷式以及函式的語法，馬上開始吧！條件判斷式條件判斷式是執行邏輯判斷中重要的程式區塊，在 Dart 中提供了三種條件...

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

0 Like 0 留言 564 瀏覽

鐵人賽 Mobile Development DAY 5

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

技術 Day 5: Flutter 的 StatefulWidget 和 State 生命週期，先熟悉它們再開發吧！

生命週期在大部分的軟體開發中都會了解這個名詞，簡單來說就是某個東西從出現到消失，中間的每個階段都會有一個對應的狀態，那為什麼要有狀態？這些狀態都是為了讓開發者...

Yii Chen ‧ 2023-09-20

0 Like 0 留言 211 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 [Day 3] [flutter] multi-platform white board -- Create page

Preface I plan to change the platform everyday, just to prove that it can work p...

xnorgate ‧ 2023-09-18

1 Like 0 留言 1117 瀏覽

鐵人賽 Mobile Development DAY 2

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

技術 Day 2: 使用 Dart 3 改善我們的開發習慣，更多範例與技巧分享！

當 Dart 3 添加 Record 和 Pattern 等等強大的功能後，讓它成為了很有吸引力的語言，非常值得我們花時間與它相處，輕鬆、快速地在專案寫出好的...

Yii Chen ‧ 2023-09-17

1 Like 0 留言 1920 瀏覽

鐵人賽 Mobile Development DAY 2

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

技術 [Day 02] Dart 基礎語法 Part 1

前面有提到 Dart 是 Flutter 所使用的核心語言。因此在我們投入 App 開發前，先來了解一下 Dart 的一些基礎語法吧！ DartPad 跟許多程...

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

0 Like 0 留言 299 瀏覽

鐵人賽自我挑戰組 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 1 留言 1879 瀏覽

鐵人賽 Mobile Development DAY 1

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

技術 [Day 01] 什麼是 Flutter？

前言大家好，我是 Micro Jordan ，目前在一家小公司擔任前端工程師（偶爾寫寫後端）。在數年前偶然知道了 Flutter 這套跨平台的 APP 開發框...

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

1 Like 0 留言 1859 瀏覽

鐵人賽 Mobile Development DAY 1

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

技術 Day 1: 跟著我熟悉 Dart 3，這些高效語法你需要知道！

Dart 3 隨著 Flutter 3.10 發布，進行了一次大改版，達成了 100% sound-null safety，代表所有的屬性、變數都要聲明是否為...

Yii Chen ‧ 2023-09-16

0 Like 0 留言 421 瀏覽

鐵人賽自我挑戰組 DAY 11

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

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

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

cloudfly111 ‧ 2023-09-15

0 Like 0 留言 366 瀏覽

鐵人賽自我挑戰組 DAY 9

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

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

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

cloudfly111 ‧ 2023-09-13

0 Like 0 留言 463 瀏覽

鐵人賽 Mobile Development DAY 22

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

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day22 等等，先讓我們談談Flutter佈局: Common layout widgets(下)

肆、Standard widgets 三、ListView 類似於Column的延伸，當大小超過顯示範圍時可提供自動滾動效果 ListView特性相比起Co...

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

0 Like 0 留言 499 瀏覽

鐵人賽 Mobile Development DAY 21

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

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day21 等等，先讓我們談談Flutter佈局: Common layout widgets(上)

參、Common layout widgets 接續在Basic Widgets後，我們將介紹一些常用於「佈局」的元件，主要分為兩種，Standard widg...

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

1 Like 0 留言 511 瀏覽

鐵人賽 Mobile Development DAY 20

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

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day20 等等，先讓我們談談Flutter佈局: Layouts in Flutter(下)

貳、Nesting rows and columns: 行與列的嵌套在頁面的建構上，時常會有行與列的嵌套、群組的需求，因此接下來我們會用星等評論的組件來說明。...

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

0 Like 0 留言 634 瀏覽

鐵人賽 Mobile Development DAY 19

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

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day19 等等，先讓我們談談Flutter佈局: Layouts in Flutter(上)

參見: Layouts in Flutter程式碼參見:pavlova、sizing、row_column、grid_and_list、bottom_navi...

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

0 Like 0 留言 383 瀏覽

鐵人賽自我挑戰組 DAY 6

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

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

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

cloudfly111 ‧ 2023-09-10

0 Like 0 留言 390 瀏覽

鐵人賽自我挑戰組 DAY 5

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

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

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

cloudfly111 ‧ 2023-09-09

0 Like 0 留言 362 瀏覽

鐵人賽自我挑戰組 DAY 4

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

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

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

cloudfly111 ‧ 2023-09-08

0 Like 0 留言 705 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 [鐵人賽 Day 3] Kotlin & Flutter 建立元件的方式(二) - 按鈕觸發事件改變元件狀態

討論範圍比較 Kotlin 和 Flutter 按鈕觸發事件改變 View 的差異之處。範例以點選按鈕後變動文字顏色為例，EX: 文字 "阿寶&...

cloudfly111 ‧ 2023-09-07

0 Like 0 留言 624 瀏覽