iT邦幫忙

flutter相關文章
共有 512 則文章
鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 自我挑戰組 DAY 18

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

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Mobile Development DAY 6

技術 [Day 06] 安裝 Flutter 環境

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

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 自我挑戰組 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...

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 自我挑戰組 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...

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 自我挑戰組 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...

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 1

技術 [Day 01] 什麼是 Flutter?

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

鐵人賽 Mobile Development DAY 1

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

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

鐵人賽 自我挑戰組 DAY 11

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

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