iT邦幫忙

dart相關文章
共有 132 則文章
鐵人賽 Modern Web DAY 11
Flutter web 的奇妙冒險 系列 第 11

技術 Day 11 | Dart 非同步 - Stream

Stream 簡單來說就是一群iterable的非同步事件。 像是每秒輸出一個數字,但是你可能會想說就算我不用 Stream 我也有辦法辦到: Timer.pe...

鐵人賽 Mobile Development DAY 28

技術 [Day 28] 進階技巧 - 做一個 Home Widget (設定篇)

今天的進階技巧,想要跟大家分享的是如何分別在 iOS 與 Android 平台上實作 App widget。 什麼是 Home Widget 現在無論是 iOS...

鐵人賽 Mobile Development DAY 27

技術 [Day 27] 進階技巧 - Flutter 的多國語系應用程式實現方法

當我們在開發應用程式時,通常針對不同語言切換進行支援。因此我們今天來講講在 flutter 中要如何實現多國語系的作法。 安裝相依套件與相關設定 首先請先執行...

鐵人賽 Mobile Development DAY 7

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

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

技術 [Flutter] 6個你該知道的Dart訣竅

最近有新開一個部落格是在介紹Flutter相關的文章,大家可以去看看~ 1.同時執行多個Future Function 當你想要同時呼叫多個Api時,如果他們之...

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 29

技術 [Day 29] 進階技巧 - 做一個 Home Widget (實作篇)

今天我們要來實作 iOS版本的 home widget 昨天我們已經有說過,flutter 並無法直接撰寫 home widget 的樣式,若要在iOS 上實現...

鐵人賽 Mobile Development DAY 21

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

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

鐵人賽 Software Development DAY 17

技術 Day 17:隱性介面 (Implicit interface)

關於介面 (interface) 介面所表示的意思是:「所有實作出本介面的類別,看起來都應該像這樣」。 Dart 並沒有像其他物件導向語言一樣有關鍵字 inte...

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Software Development DAY 29

技術 Dart 29:Dart 也有 Mockito!

物件導向中,public 函數可能會包含了外部相依,這個外部相依物件有可能是來自外部函式庫,沒有辦法直接修改裡面的數值,在我們要測試的項目中,外部相依就會變成一...

技術 Dart 語言入門 3: 運算符號

運算子 說明 運算子 範例 一元後置 expr++,expr--,(),[],.,?. i++, i--, const[1,0],Test.fun...

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Modern Web DAY 13
Flutter web 的奇妙冒險 系列 第 13

技術 Day13 | Dart 中的 Functional Programming

Functional Programming 如果OOP是以物件為主那FP就是以Function作為主體來思考。但也須有人會好奇 Function 這種語法很多...

鐵人賽 Mobile Development DAY 22

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

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

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 10

技術 Dart語言 | 基本練習 (下)

07-Function playground29.dart Code void main() { showOutput(square(2)); show...

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 16

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

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

鐵人賽 Mobile Development DAY 25

技術 Day 25: 不要浪費時間在無聊代碼了,實作自己的模板生成工具,Mason Brick!

Mason 是什麼?它可以有效的幫我們提升開發效率,避免花費不必要的時間在創建檔案或是無聊的代碼上,根據自己和公司的開發習慣去自定義模板和生成結果,很值得投資...

鐵人賽 Mobile Development DAY 30

技術 Day 30: The End to Start, Be a Contributor

嗨,大家好,再次自我介紹,我是陳虔逸、Yii Chen,一位 Flutter 愛好者以及推廣者,專注跨平台開發,除了投入技術寫作外,也是活躍講者。擁有 7 年...

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 9

技術 [Day 09] Stateless & Stateful Widget

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

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Modern Web DAY 10
Flutter web 的奇妙冒險 系列 第 10

技術 Day10 | Dart 非同步 - async/awiat

Async/Awiat 在Dart中我們可以使用 async 來代表這是一個非同步的function Future<String> fetchDat...

鐵人賽 Mobile Development DAY 27

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

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

鐵人賽 Software Development DAY 28

技術 Day 28:測試你的代碼

在開發程式的時候,無論是用 TDD 開發或是面對遺留代碼 (Legacy code),單元測試都是一個相當重要的工具。單元測試可以協助開發者確認每一個使用情境都...

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 15

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

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